Editor TinyMCE com Customização de Plugins e Toolbar

Este script inicializa o editor de texto TinyMCE nos campos com os IDs  informados na página de configurações do Plugin. A altura do editor é definida em 300 pixels e a barra de ferramentas inclui funcionalidades como desfazer/refazer, aplicar negrito, itálico, alterar cores do texto, criar listas, adicionar links, imagens, vídeos e muito mais.

O editor conta com plugins que permitem salvar automaticamente o conteúdo, inserir emojis, visualizar a estrutura HTML, entre outros recursos. Agora também é possível personalizar a cor do tema do editor, deixando a experiência ainda mais adaptável ao seu projeto!

Configurações Possíveis para Plugins e Toolbar no TinyMCE

Plugins

• advlist: Adiciona listas avançadas (ordenadas e não ordenadas).

• autolink: Links automáticos ao digitar URLs.

• autosave: Salva automaticamente o conteúdo em intervalos regulares.

• charmap: Permite a inserção de caracteres especiais.

• code: Visualiza e edita o código fonte HTML.

• directionality: Permite controlar a direção do texto (esquerda para direita, direita para esquerda).

• emoticons: Inserção de emojis no conteúdo.

• fullscreen: Habilita o modo de edição em tela cheia.

• image: Permite inserir imagens no editor.

• insertdatetime: Adiciona a opção de inserir data e hora.

• link: Insere e edita links no conteúdo.

• lists: Criação de listas ordenadas e não ordenadas.

• media: Permite a inserção de vídeos e outros tipos de mídia.

• preview: Exibe uma pré-visualização do conteúdo editado.

• searchreplace: Adiciona a funcionalidade de pesquisar e substituir texto.

• table: Criação e edição de tabelas.

• textcolor: Adiciona a opção de alterar a cor do texto.

• visualblocks: Exibe os blocos do documento, úteis para visualizar a estrutura do HTML.

• wordcount: Mostra a contagem de palavras e caracteres do conteúdo.

Toolbar

• undo redo: Botões para desfazer e refazer as últimas ações.

• bold: Aplica negrito ao texto selecionado.

• italic: Aplica itálico ao texto selecionado.

• underline: Aplica sublinhado ao texto selecionado.

• strikethrough: Aplica tachado ao texto selecionado.

• forecolor: Altera a cor do texto.

• backcolor: Altera a cor de fundo do texto.

• alignleft: Alinha o texto à esquerda.

• aligncenter: Centraliza o texto.

• alignright: Alinha o texto à direita.

• alignjustify: Justifica o texto (alinhamento em blocos).

• bullist: Cria uma lista não ordenada (com marcadores).

• numlist: Cria uma lista ordenada (com números).

• link: Insere ou edita um link.

• image: Insere uma imagem.

• media: Insere um vídeo ou outro tipo de mídia.

• code: Exibe o código HTML do conteúdo.

• preview: Exibe uma pré-visualização do conteúdo.

• fullscreen: Alterna para o modo tela cheia.