Yahoo! User Interface Blog (YUIBlog)

Schreibe eine WYSIWYG-Editor mit Wiki YUI und Grails

Eine der Herausforderungen bei der Schaffung und Bereitstellung von Rich-Text-Editors gegenübersehen, ist die Zahl der Markup-Format müssen Sie auf der Ausgangsseite unterstützen können - von HTML in Wiki-Stil Text zu rein idiosynkratische Markup Stile. Dav arbeitete hart die YUI Rich Text Editor , um möglich zu machen Ausgabe Transformationen so einfach, wie. (Wenn du tust YUI RTE arbeiten und haben nicht gesehen Komponente Dav Video-Intro zu dem, können Sie überprüfen, es hier .)

Glen Smith von Canberra gemeinsam einige antipodische YUI Güte heute mit eine kurze Anleitung zur Verwendung des YUI RTE für die Bearbeitung von Wiki Text . Er hat mit dem YUI Grails Plugin , das Mischen in einem kleinen Textil-j , und er bekam etwas's 1 gut genug für Version:

Stellt sich heraus, das Rezept für die Herstellung aller dieser Arbeit ist ziemlich straighforward:

• Beim Umschalten von Wiki-Markup in HTML, tun ein Ajax-Aufruf an einen Backend Grails Controller verwendet Textil-j Markup konvertieren aus Textil in HTML. Führen Sie das Ergebnis der AJAX-Aufruf der YUI Rich Editor und Du bist im Geschäft.
• Zur Unterstützung der Umstellung von RichText auf Textilien, wieder tun ein Ajax-Aufruf zurück zu den Grails Controller mit dem die Konvertierung. Dieses Mal sind Sie auf eigene Faust in regexp Land, aber man kann die Menge der Arbeit was Sie zu tun haben, was Sie setzen in den Rich Editor trimmen. Bringen Sie die Ergebnisse und in die Wiki textarea injizieren.
• Um die zugrunde liegenden HTML-Editor aus der Nutzung nur myEditor.getEditorHTML() . Awesome!

Weitere Besuche Glen's blog post und begleitende QuickTime-Film .

Finden Gespräche: Bloglines | technorati

Sagen und erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!