7

Escuché que el nuevo HTML5 agregará capacidad de texto enriquecido a áreas de texto (las hará más flexibles), por lo que puede hacer cosas como sintaxis de código resaltando editores sin javascript desagradable (como crear iframes y cosas).Texto enriquecido en HTML5 dentro de textarea

Es esto cierto? ¿Hay navegadores con soporte para esto todavía? ¿Y dónde puedo encontrar API?

+0

No tengo un montón de texto enriquecido dentro de las áreas de texto (pero tampoco he buscado), pero es posible que desee examinar el atributo 'contenteditable'. – Petah

Respuesta

3

¿Dónde has escuchado eso? En cuanto a W3Schools > HTML5 > textarea No puedo ver nada que indique que esto es cierto.

Editar: se ha añadido más enlaces debido a los comentarios de personas que no les gusta w3schools

Incluso aunque es esencialmente la misma cosa en este momento, aquí está el enlace a W3.org para wiki área de texto, así como el spec para textarea. Además, aquí está el documento con differences de html 4 y 5 a partir del 29 de marzo de 2012

+7

http://www.w3fools.com – AlienWebguy

+0

http://aspektas.com/blog/w3fools-a-foolish-attack-on-w3schoolscom/ – MilkyWayJoe

+2

@MilkyWayJoe La manera en que w3schools presenta su información es igual de detestable. Un enlace a la especificación real y no a la información no oficial habría sido mejor. – Snuffleupagus

3

Creo que a lo que se refiere es el nuevo atributo contentEditable. Esto no es un área de texto, sino un atributo de elemento. Esto es bueno para permitir cambios en el contenido.

Trate http://html5demos.com/contenteditable

Tenga en cuenta que su navegador probablemente no le da la barra de herramientas con negrita, cursiva, etc. Sin embargo, el cromo le permitirá seleccionar el texto y utilizar el CTR-B, CTR-I, etc. Las cosas están todavía está siendo solucionado con esto.

Básicamente, es un trabajo en progreso y su mejor opción para la compatibilidad del navegador es usar un editor wysiwyg como tinymce et al.

+1

El atributo contenteditable parece ser compatible con todos los navegadores, incluido el viejo IE, así que esto no es una característica HTML5. Un buen artículo: http://html5doctor.com/the-contenteditable-attribute/ Muchos años haciendo HTML y no sabía su existencia .... :( – cancerbero

+0

Wow, estoy tan sorprendido como tú. me hizo ver su historia: http://blog.whatwg.org/the-road-to-html-5-contenteditable –

5

¿Está buscando Aloha Editor?

Está utilizando el nuevo atributo contenteditable para agregar un editor WYSIWYG a cualquier div que elija.

Mire el demos.

+0

Esto se ve tan bueno :) – MilkyWayJoe

+0

wow, editor increíble: D la barra de herramientas le falta un montón de cosas pero parece muy prometedor – Alex

+0

Bueno, puedes [contribuir] (http://aloha-editor.org/join_us.php) :-) –

3

Si lo que buscabas (igual que yo) es NO-jquery herramientas (puro HTML/CSS + JS básica), a continuación, algunas de las mejores opciones que he encontrado son:

  1. wysihtml5
  2. Squire
  3. ckeditor
  4. widgEditor

Sin embargo, aunque se en la lista anterior todos convierten el elemento (textarea) en un iframe, por lo que no eran exactamente lo que estaba buscando, finalmente encontré este que respeta el elemento original (divs más o menos, pero si usas textarea lo hace crea un div adicional), lo que permite el desarrollo de aplicaciones JS sencillo completo:

  1. nicedit

la esperanza que esto le ayuda también!

Cuestiones relacionadas