¿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 texto en negrita/cursiva/subrayado y tal vez un poco más). Entonces no me gustaría usar monstruos como tinymce o fckeditor. Mi pregunta es qué elementos HTML y funciones de JavaScript necesito saber para ello. Un elemento HTML en el que puedo editar y formatear texto es algo muy interesante en esta pregunta.

Answer 1

Si quieres liar, mira 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"; 

Tenga una mirada en http://www.mozilla.org/editor/ie2midas.html

Answer 3

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

Answer 4

Como alternativa, utilice lenguajes sencillos, como descuentos o textiles, y proporcione una vista previa en vivo.

creo que la mayoría de la gente tendrá asteriscos para el énfasis y los dobles para las negritas.

Answer 5

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