La rédaction d'un éditeur WYSIWYG Wiki avec YUI et Grails »Blog Yahoo! User Interface (YUIBlog)

La rédaction d'un éditeur WYSIWYG Wiki avec YUI et Grails

1 mai 2008 à 15h18 par Eric Miraglia | En développement | Comments Off

L'un des défis rencontrés dans la création et le déploiement de rédacteurs en chef Rich Text est le nombre de formats de balisage que vous devrez peut-être à soutenir sur le côté de sortie - allant de HTML à Wiki-style de texte à des styles de balisage purement idiosyncrasiques. Dav a travaillé dur sur l'éditeur de YUI Rich Text pour effectuer les transformations de sortie aussi simple que possible. (Si vous faites YUI RTE travail et n'ont pas vu l'intro vidéo Dav à la composante, vous pouvez le vérifier ici .)

Glen Smith de Canberra partagé quelque bonté antipodes YUI aujourd'hui avec un rapide tutoriel sur l'utilisation du RTE YUI pour le texte Wiki édition . Il a été l'aide de la Plugin Grails YUI , mélanger dans un peu du textile-j , et il a quelque chose fonctionne assez bien pour la version 1:

Il s'avère que la recette pour faire tout ce travail est assez directe:
Lors du passage de Wiki balisage HTML, faire un appel Ajax à un contrôleur Grails backend qui utilise du textile-j pour convertir du textile balisage en html. Faites passer le résultat de l'appel AJAX à l'éditeur YUI Rich et vous êtes en affaires.
Afin de soutenir de commutation de RichText aux textiles, à nouveau faire un appel Ajax vers le contrôleur Grails de la faire la conversion. Cette fois, vous êtes sur votre propre expression rationnelle des terres, mais vous pouvez couper la quantité de travail que vous avez à faire par ce que vous exposez dans l'éditeur de Rich. Retour des résultats et les injecter dans la zone de texte Wiki.
Pour obtenir le code HTML sous-jacent de l'éditeur il suffit d'utiliser myEditor.getEditorHTML() . Awesome!