Yahoo! Blog User Interface (YUIBlog)

La scrittura di un Editor WYSIWYG Wiki con YUI e Grails

Una delle sfide da affrontare nella creazione e distribuzione di Rich Text Editor il numero di formati di markup può essere necessario supporto sul lato di uscita - che vanno da HTML in testo Wiki-style a stili di markup puramente idiosincratica. Dav lavorato molto su YUI il Rich Text Editor di rendere le trasformazioni di uscita il più semplice possibile. (Se stai facendo YUI lavoro RTE e non hanno visto il video introduttivo Dav al componente, è possibile verificare qui ).

Glen Smith da Canberra condiviso alcuni YUI bontà antipodi oggi con un breve tutorial sull'utilizzo della RTE YUI per la modifica del testo Wiki . Ha usato la Grails YUI Plugin , mescolando in un piccolo tessile-j , e ha qualcosa funziona abbastanza bene per la versione 1:

Viene fuori la ricetta per fare tutto questo lavoro è piuttosto straighforward:

• Quando si passa da Wiki markup in HTML, fare una chiamata AJAX ad un controller Grails backend che utilizza tessile-j per convertire da codice html tessili. Far passare il risultato della chiamata AJAX al ricco YUI Editor e siete a posto.
• Per supportare il passaggio da RichText al tessile, ancora una volta fare una chiamata Ajax torna al controller Grails alla effettuare la conversione. Questa volta si è da soli in terra regexp, ma è possibile tagliare la quantità di lavoro che devi fare con quello che si espone l'editor Rich. Restituiscono i risultati e iniettare nella textarea Wiki.
• Per ottenere il codice html sottostante dall'editor basta usare myEditor.getEditorHTML() . Impressionante!

Per di più, visitate Glen post del blog e di accompagnamento filmato QuickTime .

Trova conversazioni: bloglines | technorati

Condividere ed estendere: Bookmark con del.icio.us | digg it! | reddit!