Come si fa a scrivere un semplice editor WYSIWYG in JavaScript?
https://stackoverflow.com/questions/822184
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Nel mio progetto ho bisogno di scrivere un piccolo editor WYSIWYG (lascia solo che gli utenti rendano il testo in grassetto / corsivo / sottolineato e forse ancora). Quindi non mi piacerebbe usare mostri come Tinymce o Fckeditor. La mia domanda è: quali elementi HTML e funzioni JavaScript devo conoscere? Un elemento HTML in cui posso modificare e formattare il testo è una cosa molto interessante in questa domanda.
Soluzione
Se vuoi fare il tuo, guarda Midas . È disponibile in FF3 +, IE, Safari, Opera, Chrome.
Fondamentalmente, usi contentEditable ed execCommand per trasformare il browser in un RTE.
Altri suggerimenti
document.getElementById('edit').contentDocument.designMode = "on";
Dai un'occhiata a http://www.mozilla.org/editor/ie2midas.html
Esiste http://www.gosu.pl/steditor/ quale codice è abbastanza semplice e chiaro. Utilizza designMode ed execCommand come menzionato in altre risposte.
In alternativa usa linguaggi semplici come markdown o tessile e fornisci un'anteprima dal vivo.
Penso che la maggior parte delle persone otterrà asterischi per enfasi e doppi per grassetto .
Ho usato YUI l'editor wysiwyg in passato e ti consente di configurare il i pulsanti in modo da poterlo usare facilmente e limitare i pulsanti in grassetto / corsivo / sottolineato.
