<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Message: 5<br>Date: Fri, 9 Sep 2011 07:02:16 +0100<br>From: Nick Ager <<a href="mailto:nick.ager@gmail.com">nick.ager@gmail.com</a>><br>Subject: [Seaside] canvas translator & new version of Seafox<br>To: Seaside - general discussion <<a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>><br>Message-ID:<br><span class="Apple-tab-span" style="white-space: pre; "> </span><<a href="mailto:CABsFVz8X-E08xUru3Sn9MaFTu--z6X3v2=8epbKFwLVq4V5KJw@mail.gmail.com">CABsFVz8X-E08xUru3Sn9MaFTu--z6X3v2=8epbKFwLVq4V5KJw@mail.gmail.com</a>><br>Content-Type: text/plain; charset="iso-8859-1"<br><br>Hi,<br><br>I've been working on an html -> canvas translator….<br><div><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><br><br></span></div><div>This is great Nick! I was thinking that I needed the very same app and was considering using Soup at some point to knock one up. Thanks very much for providing a useful piece of the web dev kit needed for Seaside.</div><div><br></div><div>T. </div><div><br></div><div>Ted Wrinch </div>
<br><div><div>On 9 Sep 2011, at 10:28, <a href="mailto:seaside-request@lists.squeakfoundation.org">seaside-request@lists.squeakfoundation.org</a> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><span class="Apple-style-span" style="border-collapse: separate; font-family: Helvetica; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; font-size: medium; ">Message: 5<br>Date: Fri, 9 Sep 2011 07:02:16 +0100<br>From: Nick Ager <<a href="mailto:nick.ager@gmail.com">nick.ager@gmail.com</a>><br>Subject: [Seaside] canvas translator & new version of Seafox<br>To: Seaside - general discussion <<a href="mailto:seaside@lists.squeakfoundation.org">seaside@lists.squeakfoundation.org</a>><br>Message-ID:<br><span class="Apple-tab-span" style="white-space: pre; "> </span><<a href="mailto:CABsFVz8X-E08xUru3Sn9MaFTu--z6X3v2=8epbKFwLVq4V5KJw@mail.gmail.com">CABsFVz8X-E08xUru3Sn9MaFTu--z6X3v2=8epbKFwLVq4V5KJw@mail.gmail.com</a>><br>Content-Type: text/plain; charset="iso-8859-1"<br><br>Hi,<br><br>I've been working on an html -> canvas translator. Have a look at:<br><a href="http://seafox.seasidehosting.st/">http://seafox.seasidehosting.st</a><span class="Apple-converted-space"> </span>and click on "Canvas translator". Then in<br>another browser tab bring up your favourite web page (e.g.<br><a href="http://www.seaside.st/">http://www.seaside.st/</a>) highlight a section and copy. Then return to the<br>"Canvas Translator" and paste into the text box below the default "Rendered<br>html" tab. Be amazed as the html is automatically translated into Seaside<br>canvas rendering methods. All the tabbed views are editable and you can<br>switch between them, allowing you to edit in one and see the translation in<br>another. For example try editing some raw html and flip to the canvas view<br>to see the translation to canvas methods.<br><br>The translator is based on the parser I created for the Seafox Firefox<br>plug-in. You can download a new version of the plug-in. Improvements<br>include:<br><br>* Code formatting better conforms to Seaside's coding conventions.<br>* The plug-in now creates an editable syntax highlighted translation (if the<br>translation isn't highlighted by again - there's an occasional weird<br>first-time only bug)<br>* There's a small test-suite for the parser<br><br>You can load the code into your Seaside image with:<br><br>Gofer it<br>squeaksource: 'Seafox';<br> package: 'ConfigurationOfSeafox';<br> load.<br>(ConfigurationOfSeafox project version: '0.2-baseline') load.<br><br>Note: I've tested mainly on the Mac in Safari. I'd be interested to hear<br>different platform browser combinations work.<br><br>Nick</span></blockquote></div><br></body></html>