JS Module
Editor de Texto Y2Editor
Editor rich text completo — toolbar com formatação, cores, listas, links, imagens, visualização de código HTML e tela cheia. Integra com formulários via textarea oculta.
1. Demo — Editor Completo
Adicione y2editor em qualquer <textarea>.
O editor substitui o campo e mantém o valor sincronizado para envio em formulários.
2. Em Formulário Real
O editor cria uma <textarea> oculta com o mesmo
name — o valor HTML — enviado normalmente junto ao form.
3. Atalhos de Teclado
| Atalho | Ação |
|---|---|
Ctrl + B | Negrito |
Ctrl + I | Itálico |
Ctrl + U | Sublinhado |
Ctrl + K | Inserir link |
Ctrl + Z | Desfazer |
Ctrl + Y | Refazer |
Ctrl + 1—6 | Título H1 a H6 |
Ctrl + 0 | Parágrafo normal (P) |
4. API JavaScript
Quick Reference
| Atributo | Padrão | Descrição |
|---|---|---|
y2editor |
— | Ativa o editor rich text no elemento <textarea> |
y2editor-placeholder |
— | Texto exibido quando o editor está vazio |
y2editor-height |
150 |
Altura inicial do editor em pixels |
y2editor-min |
100 |
Altura mínima ao redimensionar (px) |
y2editor-max |
800 |
Altura máxima ao redimensionar (px) |
y2editor-resizable |
true |
Exibe a alça de redimensionamento na base do editor |
name |
content |
Nome do campo no envio do formulário (herdado da textarea original) |
inst.getValue() |
— | Retorna o HTML atual do editor |
inst.setValue(html) |
— | Define o conteúdo do editor via JavaScript |