[Seaside] canvas translator & new version of Seafox

[Larry White]

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.

cheers.

On Thu, Sep 15, 2011 at 5:02 AM, Nick Ager <nick.ager at gmail.com> wrote:

> Hi,
>
> 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.
>
> Nick
>
>
> 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 [1] uses a rich-text editor [2] 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
>>
>> OR
>>
>> 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.
>>
>> OR
>>
>> 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.
>>
>> [1] http://seafox.seasidehosting.st/seaside/canvasapi/canvasTranslator
>> [2] http://en.wikipedia.org/wiki/Online_rich-text_editor
>>
>
>
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.squeakfoundation.org/pipermail/seaside/attachments/20110915/e6e2eb55/attachment.htm