JS Module
Editor de Texto SWEditor
Editor de texto rico (contentEditable) leve, nativo e responsivo. Suporta modo completo (com cores, alinhamento, código HTML e tela cheia) e modo simples (apenas B, I, U, S).
1. Modo Simples (B, I, U, S)
Adicione o atributo sw-editor-simple no <textarea> para exibir uma toolbar minimalista apenas com Negrito (B), Itálico (I), Sublinhado (U) e Tachado (S).
2. Modo Completo
Com o atributo sw-editor padrão, ativa a toolbar completa com formatação de bloco (H1–H6), cores de texto/fundo, alinhamentos, listas, links, imagens, modo código HTML e tela cheia.
3. Uso em Formulário Real
O editor gera automaticamente um campo <textarea class="sw-editor-hidden"> mantendo o valor HTML sincronizado e pronto para submeter via POST ou FormData.
4. Quick Reference
| Atributo / Método | Padrão | Descrição |
|---|---|---|
sw-editor | — | Ativa o editor rich text no elemento <textarea>. |
sw-editor-simple | — | Ativa a toolbar minimalista apenas com B, I, U e |
sw-editor-placeholder | — | Texto exibido com o campo vazio. |
sw-editor-height | 150 | Altura inicial do editor em pixels. |
sw-editor-min / -max | 100 / 800 | Limites do redimensionamento manual. |
sw-editor-resizable | true | Exibe ou oculta a alça de redimensionamento. |
inst.getValue() | — | Retorna o conteúdo HTML atual. |
inst.setValue(html) | — | Define o conteúdo HTML via JavaScript. |