contentEditable, CTRL-B CTRL-I y guardado

Question

Acabo de empezar a usar un contentEditable, y no he encontrado mucha información completa sobre él.

Noté que en Chrome, puedo hacer que las palabras en negrita/cursiva pulsando CTRL - B y CTRL - I.

¿Es posible que este sea el comportamiento previsto en otros navegadores? Esto, por ejemplo, funciona en Chrome:

<div class="container" id="typer" onclick="this.contentEditable='true';"> 

http://jsfiddle.net/uk6DA/15/

Me pregunto si puedo leer este formato, con el fin de guardar las ediciones del usuario? Además, puedo crear un botón Negrita y cursiva botón que activará CTRL - B y CTRL - I? ¿O tengo que depender de que el usuario presione CTRL - B y CTRL - I (que los medios que proporcionan una nota diciéndoles)?

Answer 1

Esto es estándar en todos los principales navegadores. También hay equivalentes programáticos de los atajos de teclado disponibles a través del document.execCommand() en todos los navegadores principales. comandos negrita y cursiva, por ejemplo, pueden ejecutado como sigue:

document.execCommand("Bold", false, null); 
document.execCommand("Italic", false, null); 

Sin embargo, el mark-up generado varía entre los navegadores. Por ejemplo, las variaciones para negrita incluyen <b>foo</b>, <strong>foo</strong> y <span style="font-weight: bold">foo</span>.

Referencias:

• MSDN, list of commands
• MDN (Mozilla)

Answer 2

Respuesta corta 'sí'. Puede encontrar este article interesante. Muchos desarrolladores han pasado por esta ruta. Si quieres un buen editor wysiwyg, hay muchos para elegir.

A su pregunta: sí, puede leer el formato. Pruebe con un innerHTML en el elemento y encontrará <b> etiquetas alrededor de sus negritas y <i> alrededor de su cursiva. Además, en el artículo que compartí, descubrirá cómo crear un botón en negrita. ¡Espero que esto ayude!