¿Cómo se puede escribir un editor WYSIWYG simple en JavaScript?

Question

En mi proyecto necesito escribir un pequeño editor WYSIWYG (solo deje que los usuarios escriban negrita / cursiva / subrayado y tal vez algunos más). Así que no me gustaría usar monstruos como tinymce o fckeditor. Mi pregunta es: ¿qué elementos HTML y funciones de javascript debo saber para ello? Un elemento HTML en el que puedo editar y dar formato al texto es algo muy interesante en esta pregunta.

Answer 1

Si desea hacer su propio rollo, consulte Midas . Está disponible en FF3 +, IE, Safari, Opera, Chrome.

Básicamente, utiliza contentEditable y execCommand para convertir el navegador en un RTE.

Answer 2

document.getElementById('edit').contentDocument.designMode = "on";

Eche un vistazo a http://www.mozilla.org/editor/ie2midas.html

Answer 3

Hay http://www.gosu.pl/steditor/ cuyo código es bastante simple Y limpio. Utiliza designMode y execCommand como se mencionó en otras respuestas.

Answer 4

Alternativamente, utilice lenguajes simples como markdown o textil y ofrezca una vista previa en vivo.

Creo que la mayoría de las personas obtendrán asteriscos para enfatizar y duplicarán

Answer 5

He usado el editor wysiwyg de YUI en el pasado y te permite configurar el los botones para que pueda usarlo fácilmente y limitar los botones a negrita / cursiva / subrayado.