[Seaside] canvas translator & new version of Seafox
ljw1001 at gmail.com
Thu Sep 15 23:05:51 UTC 2011
Nick, Thanks, I didn't realize that the browsers were manipulating the html
rather than SeaFox. I tried it with the Firefox plugin as you suggested and
it did exactly what I want.
i suspect this will save me days if not weeks of work on my current project.
Thanks very much for making this available.
On Thu, Sep 15, 2011 at 5:02 AM, Nick Ager <nick.ager at gmail.com> wrote:
> I wonder if it isn't clear from my original announcement that all views are
> editable. You can type into the canvas view and preview in rendered view OR
> type html directly into the html source view and flip the the canvas view to
> see the translation. At least that is the aim.
> On 15 September 2011 09:39, Nick Ager <nick.ager at gmail.com> wrote:
>> Hi Larry,
>> This is also very nice, but what I think people working with a designer
>>> need is something that translates the html literally to seaside markup, but
>>> doesn't do anything with the stylesheets.
>>> Lets say my designer gives me foo.html that will be part of a seaside
>>> application. He also gives me a foo.css file that handles the layout. What
>>> I need is seaside markup that includes the original css classes in line, so
>>> that I can re-use the css file that he gave me. Otherwise, if he gives me
>>> another page tomorrow with the same css sheet, I'll end up with at totally
>>> new set of derived classes, making it very hard to maintain the stylesheets.
>>> This may be easier than what you've done since you can ignore the css
>>> almost entirely, and just convert, say <div class='foo-form'/>... to html
>>> div class: 'foo-form' with:[...
>> The canvas translator  uses a rich-text editor  to capture html
>> content. The way the content is pasted into the editor is out of my control
>> and is at the whim of the OS/browser vendor. The translator simply works
>> with what's been pasted in. Safari and Chrome add extra style information
>> when you paste. Firefox doesn't produce the extra style information you see
>> with Safari or Chrome. For you workflow try:
>> 1) Open the html from your designer in Firefox, open another tab
>> containing the canvas translator, copy from your designer's page and paste
>> into the canvas translator
>> 2) open your designer's html page in a *text editor*, open the canvas
>> translator in any browser, click to the "html source" tab in the translator.
>> Copy from the text editor and paste into the "html source" tab. Click on the
>> "Seaside canvas" to see the translation into Seaside canvas methods.
>> 3) Down the Seafox Firefox extension. Open your designer's html page in
>> Firefox. With Seafox installed, the bottom right-hand-side of the browser
>> frame should contain a Seaside star. Click on the star and the page will be
>> converted into Seaside canvas methods.
>> For you workflow, I think 2) or 3) would be the most suitable.
>>  http://seafox.seasidehosting.st/seaside/canvasapi/canvasTranslator
>>  http://en.wikipedia.org/wiki/Online_rich-text_editor
> seaside mailing list
> seaside at lists.squeakfoundation.org
-------------- next part --------------
An HTML attachment was scrubbed...
More information about the seaside