Hi,<div><br></div><div>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.</div>
<div><br></div><div>Nick<br><br><div class="gmail_quote">On 15 September 2011 09:39, Nick Ager <span dir="ltr"><<a href="mailto:nick.ager@gmail.com">nick.ager@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Hi Larry,<div><br></div><div><div class="gmail_quote"><div class="im"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div>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. </div>
<div><br>
</div><div>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. </div>
<div><br></div><div>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:[...</div>
</blockquote><div><br></div></div><div>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:</div>
<div><br></div><div>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</div><div><br></div><div>OR</div>
<div><br></div><div>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.</div>
<div><br></div><div>OR</div><div><br></div><div>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.</div>
<div><br></div><div>For you workflow, I think 2) or 3) would be the most suitable.</div><div><br></div><div>[1] <a href="http://seafox.seasidehosting.st/seaside/canvasapi/canvasTranslator" target="_blank">http://seafox.seasidehosting.st/seaside/canvasapi/canvasTranslator</a></div>
<div>[2] <a href="http://en.wikipedia.org/wiki/Online_rich-text_editor" target="_blank">http://en.wikipedia.org/wiki/Online_rich-text_editor</a></div></div></div>
</blockquote></div><br></div>