Editor Componentes

Editor de texto rico com toolbar completa, view de código e contador de palavras.

O que é

Transforma um <textarea> num editor visual (WYSIWYG) — negrito, itálico, cores, listas, links, imagens, tela cheia — sem dependência externa (usa contentEditable e document.execCommand nativos).

Como funciona

Substitui o textarea original por uma caixa editável e mantém um textarea escondido sincronizado com o HTML resultante (esse é o que vai no name do formulário). O botão "Ver HTML" alterna pra uma view de código puro, editável como texto.

Exemplos

Padrão — toolbar completa Ao vivo

<textarea sw-editor sw-editor-placeholder="Escreva algo..." sw-editor-height="220"></textarea>

sw-editor-simple — toolbar reduzida Ao vivo

<textarea sw-editor sw-editor-simple sw-editor-placeholder="Só negrito, itálico, sublinhado e tachado" sw-editor-height="140"></textarea>

Atributos

sw-editor-simple

toolbar reduzida (só negrito/itálico/sublinhado/tachado)

sw-editor-height

altura inicial em px

sw-editor-min / sw-editor-max

limites de redimensionamento manual

sw-editor-resizable="false"

esconde a alça de redimensionar

sw-editor-placeholder

texto de placeholder quando vazio

Variantes

Nenhum.

Eventos

Nenhum.

API (JavaScript)

Nenhum.

Requisitos

Nenhuma.

Limitações — o que ele não faz

Usa document.execCommand, uma API do navegador marcada como obsoleta (mas ainda amplamente suportada) — não há plano de migrar pra contentEditable puro no SWCore por ora.
Sem colar imagem direto da área de transferência — inserir imagem é só por URL (prompt).

← AnteriorCotação Próximo →SWCode