<h1 style="text-align:center; font-style: Sans-Serif">HTML pad preview</h1>
<p><img style="float:right; margin:5px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;" src="http://etherpad.org/img/screenshot.png" width="300" height="193"/>Love editing texts collaboratively with <a href="http://etherpad.org/">etherpads</a>? Why not use them also to collaboratively comment those texts and format them as HTML before publishing them in all those CMS without real live multi-editing feature?</p>
<p>This is just a simple tool to preview formatted text with comments Just use italic anywhere in the pad to comment the content and let it display as such in the preview from an etherpad before publishing it for good. No more: <blockquote><em>« Are you editing in the wordpress?<br/>« Can you add a coma in the 6<sup>th</sup> paragraph third sentence?<br/>« Can I get the hand on the post? »</em></blockquote></p>
<p>Just paste the url of the desired pad only pads allowing access-control-allow-origin will work, this seems to be the case with most "etherpad lite" instances into the "Source" input at the top and you're good to go.</p>
<p>Use <u>whatever</u> <sub>HTML</sub> <span style="background-color: yellow;">formatting</span> <b>you</b> <em><s>like</s></em>, display format from etherpad won't be taken into account (except for italic ones as comments of course! you can check within this sample <a href="">source pad</a>, the text after the coma has underlines, bold and more crazy looks) .</p>
<p>When collaborative drafting and formatting is done, just click the input zone on the top right to copy the raw html cleaned from comments and paste it into your CMS, that's it!</p>
<p>Code is available at <a href="http://github.com/regardscitoyens/HTML-pad-preview/">http://github.com/RegardsCitoyens/HTML-pad-preview/</a></p>
<p><b><u>Disclaimer:</u></b> This is a quick and dirty work in a few lines of javascript for practical purpose, it certainly has some bugs and security issues, any kind of improvement is totally welcome. Like it or don't, we don't care, it's useful! :p
« What a wanker's job! :p I'm impressed though! :) » a belgium fan
« I love it ! » a random guy</p>
<p><b><u>PS:</u></b> Yes, this page was made from an etherpad which is <a href="https://pad.lqdn.fr/p/html-pad-preview">publicly viewable here as an example</a> (but it was archived so that this page will not reflect it anymore for obvious reasons). It is naturally also modifiable, so if you want to trash it, suit yourself, you will just be egoisitic and pointless.</p>
<p style="text-align:center"><a href="http://regardscitoyens.org"><img width="145" src="http://www.regardscitoyens.org/wp-content/uploads/2009/10/logo_regardscitoyens.svg.png" alt="Regards Citoyens" title="Regards Citoyens"/></a></p>
<!-- <p style="text-align:center">This comment won't show</p> -->