Rich-text do HTML5 no textarea

Ouvi dizer que o novo HTML5 irá adicionar uma rica capacidade de texto às áreas de texto (irá torná-las mais flexíveis), para que possa fazer coisas como realce de sintaxe de código de editores sem javascript muito desagradável (como criar iframes e coisas).

Isto é verdade? Já há navegadores com suporte para isso? E Onde posso encontrar alguma API?

Author: DavidTaubmann, 2012-05-02

4 answers

Estás à procura do Editor da Aloha?

Está a usar o novo atributo contenteditable para adicionar um editor WYSIWYG a qualquer div que escolher.

Olha para as demos .

 5
Author: Florian Margaine, 2012-05-01 21:15:22

No-jQuery

Se o que você procura (o mesmo que eu) é ferramentas NO-jquery( puro HTML / CSS + JS básico), então algumas das melhores opções que encontrei são:

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

No Entanto, aqueles na lista, acima de tudo, converter o elemento (textarea) em um iframe, para que eles não estavam exatamente o que eu estava procurando, finalmente, eu encontrei este que respeita o elemento original (divs ou assim, mas se usar textarea cria um div adicional), permitindo o desenvolvimento de aplicações JS completamente simples:

  1. nicedit
Espero que isto também te ajude!
 5
Author: DavidTaubmann, 2018-05-10 03:22:36

Eu acredito que o que você está se referindo é o novo atributo contentEditable. Este não é um textarea, mas sim um atributo do elemento. Isto é bom para permitir mudanças no conteúdo.

Tenta http://html5demos.com/contenteditable

Repare que o seu navegador provavelmente não lhe dá a barra de ferramentas a negrito, itálico, etc. No entanto, o chrome permitir-lhe-á seleccionar texto e usar o CTR-B, CTR-I, etc. As coisas ainda estão a ser resolvidas com isto.

Basicamente, é um trabalho em progresso e sua melhor aposta para a compatibilidade de navegador é usar um editer wysiwyg como tinymce et al.
 3
Author: Daniel Moses, 2012-05-01 21:11:14
Onde ouviste isso? Olhando para W3Schools > HTML5 > textarea não consigo ver nada que indique que isto é verdade.

Edit : adicionou mais ligações devido a Comentários de pessoas que não gostam de w3schools

Mesmo que seja essencialmente a mesma coisa neste momento, aqui está a ligação para w3.org for wiki textarea, as well as the spec for textarea. Além disso, aqui está o documento com diferenças do html 4 e 5 a partir de 29 de março de 2012
 2
Author: MilkyWayJoe, 2012-05-01 21:43:03