Yahoo! User Interface Blog (YUIBlog)

Het schrijven van een WYSIWYG-editor Wiki met Yui en gralen

Een van de uitdagingen in het creëren en inzetten van Rich Text Editors is het aantal van markup-indelingen die u kan nodig zijn om ondersteuning op de uitgaande kant - variërend van HTML naar wiki-stijl tekst op zuiver eigenzinnige opmaak stijlen. Dav hard gewerkt aan de YUI Rich Text Editor om de uitgang van de transformaties zo eenvoudig mogelijk. (Als je doet YUI RTE werk en hebben niet gezien Dav video intro's van de component, kunt u controleren of het hier .)

Glen Smith uit Canberra gedeeld enkele antipodencontinent YUI goedheid vandaag met een snelle tutorial over het gebruik van YUI RTE voor het bewerken van Wiki tekst . Hij is met behulp van de gralen YUI Plugin , mengen in een klein textiel-j , en hij heeft iets werkt goed genoeg voor versie 1:

Blijkt dat het recept voor het maken van al dit werk is vrij straighforward:

• Bij de overschakeling van Wiki markup naar HTML, doe een oproep aan Ajax een backend gralen controller die gebruikt textiel-j om te zetten van textiel-opmaak naar HTML. Feed het resultaat van de AJAX aanroep naar de YUI Rich editor en je bent in business.
• Ter ondersteuning van de overschakeling van RichText voor textiel, nog een keer een Ajax terug te bellen om de controller aan op de gralen doen de conversie. Deze keer kun je op je eigen plezier in regexp land, maar u kunt de hoeveelheid werk die je hebt te doen wat je bloot in de Rich editor trim. Terugkeer van de resultaten en injecteer in de Wiki tekstveld.
• Om de onderliggende html-editor van het gebruik gewoon myEditor.getEditorHTML() . Awesome!

Voor meer, check out Glen's blog post en begeleidende QuickTime-film .

Zoek gesprekken: Bloglines | technorati

Delen en uit te breiden: Bookmark met del.icio.us | Digg it! | reddit!