Como adicionar um editor TinyMCE ao WordPress

Se você deseja adicionar um editor TinyMCE ao WordPress, é realmente muito fácil. Tudo que você precisa fazer é instalar e ativar o plugin TinyMCE Advanced . Depois de fazer isso, você encontrará um novo item de menu “TinyMCE” no menu Configurações na área de administração do WordPress. Clicar nele o levará à página de configurações do plug-in, onde você pode configurar como o editor TinyMCE funciona.

A versão 3.9 do editor visual do WordPress fornece alguns bons comentários. Quando a pia da cozinha está ligada, ela tem apenas 14 botões ou 26 quando não está. O editor de texto completo do TinyMCE pode ser exibido adicionando o seguinte código ao seu arquivo functions.php: Agora você pode selecionar uma terceira linha de botões do editor visual.

Use plugins personalizados com TinyMCE Copie o arquivo de ponto de entrada (junto com quaisquer outros arquivos) na pasta de plugins do código TinyMCE que foi distribuído com o plugin. O plug-in pode ser usado inserindo-o na lista de plug-ins especificada pela opção de plug-ins.

Python ou Django podem ser usados ​​para executá-lo. O arquivo setup.py é um arquivo shell. Em settings.py, copie e cole o código do tinymce em seu projeto: INSTALLED_APPS = tinymce. “A tinymce,” [a tinymce] é outra palavra para isso. Tinymce é adicionado a eles.

Crie conteúdo e defina conteúdo usando os métodos getContent e setContent do TinyMCE . Se você inicializou o editor para myTextarea, você precisará retornar a propriedade id=”myTextarea”. Devolva o conteúdo no editor que foi marcado como HTML para o usuário.

Ao clicar nos três pontos (Opções) no canto superior direito da tela, você pode acessar o editor de texto Gutenberg . Ao clicar na guia Texto na barra de ferramentas, você pode acessar o editor de texto WordPress Classic.

O WordPress usa Tinymce?

WordPress usa TinyMCE como seu editor padrão . TinyMCE é um editor WYSIWYG (What You See Is What You Get) que permite aos usuários criar e formatar conteúdo facilmente. É amplamente utilizado por desenvolvedores web e blogueiros.

A Moxiecode Systems AB, uma empresa sueca, fornece ao WordPress o editor HTML WYSIWYG de código aberto TinyMCE. Você também pode desbloquear vários botões clicando na Barra de Ferramentas do Editor Avançado (linha 2 do editor). Na versão 3.3.1 do WP, o comando de alternância correto para IE e Firefox é Shift-Alt-Z; veja também o plugin Filtros do Editor de Rich Text da API para mais informações. Um tutorial detalhado também pode ser encontrado no WP Tuts. Ao usar o WordPress, o editor TinyMCE WYSIWYG adiciona automaticamente tags de parágrafo (tags P) em torno de quebras de linha. Existem três maneiras básicas de remover tags P. Em /WP-includes/class-WP-editor.php, você pode acessar as configurações padrão.

Qual versão do Tinymce o WordPress usa?

A partir do WordPress 5.0, o editor visual TinyMCE está na versão 4.9.4.

WordPress Tinymce Criar

Uma das grandes vantagens do WordPress é que ele facilita a formatação de suas postagens e páginas com o editor TinyMCE integrado. Mas você sabia que também pode usar o TinyMCE para criar seus próprios botões personalizados?
Criar botões personalizados para o TinyMCE é uma ótima maneira de estender a funcionalidade do seu site WordPress. Por exemplo, você pode criar um botão que insere um código de acesso personalizado ou uma tag HTML. Ou você pode criar um botão que insere um link para um arquivo ou imagem.
Criar botões personalizados para o TinyMCE é relativamente fácil. Primeiro, você precisa criar um plugin que adicionará os botões personalizados ao editor TinyMCE. Então, você precisa adicionar algum código ao seu plugin que dirá ao TinyMCE o que fazer quando o botão for clicado.
Se você não é um desenvolvedor, também pode encontrar plugins que adicionarão botões personalizados ao TinyMCE. Esses plug-ins geralmente vêm com uma interface de usuário que facilita a adição e a configuração dos botões personalizados.

O TinyMCE foi desenvolvido para funcionar com uma ampla variedade de plug-ins e configurações personalizadas. O TinyMCE não requer nenhuma estrutura de arquivo ou ferramental especial para ser executado, além desses requisitos. Na maioria dos casos, você pode criar plugins personalizados com a ajuda de um framework ou ferramenta. O Yeoman Generator pode gerar arquivos e código clichê necessários para um plugin personalizado, bem como alguns comandos úteis. Os tradutores do TinyMCE podem ser encontrados em vários idiomas, incluindo inglês, francês, alemão, italiano e espanhol. Se você precisar adicionar strings a um idioma compatível, use o procedimento a seguir. Crie um arquivo de tradução para cada idioma suportado pelo plugin. Um botão de barra de ferramentas simples e um item de menu podem ser adicionados usando este plugin de exemplo.

Configurações do Tinymce do Editor Wp

As configurações do editor wp tinymce permitem que você altere as configurações padrão do editor visual do WordPress. Isso pode ser útil se você quiser alterar o tamanho da fonte, as cores ou outros aspectos do editor.

Mostraremos como dobrar o editor WordPress TinyMCE dividindo-o em várias partes. O editor padrão fornece duas linhas de botões para criar, editar e formatar o conteúdo da postagem. Um ou mais dos plugins existentes podem ser atualizados para nos fornecer uma variedade de funcionalidades avançadas. A API do TinyMCE permite que os desenvolvedores tenham controle total sobre o editor. Usando os filtros fornecidos abaixo, podemos permitir que até quatro linhas de botões sejam habilitadas. Um único elemento, que pode ser qualquer elemento, define os parâmetros de um item de menu. Se precisarmos de uma visualização em tempo real, precisaremos criar uma folha de estilo personalizada.

Em muitos casos, não precisamos criar um botão personalizado porque o TinyMCE possui um grande número de botões ocultos que podemos ativar facilmente. Um filtro com o filtro mce_buttons_*n* pode ser usado para filtrar a matriz de botões. Se nenhum desses botões for adequado às nossas necessidades, o editor poderá receber mais funcionalidades graças a vários plugins oficiais. Já sabemos como criar um plugin e adicionar um botão no WordPress TinyMCE. Vamos agora criar o seguinte plugin. Em /mce/prism/, existe um arquivo chamado /mce/prism/. O método addButton adiciona um item de menu para cada um dos elementos da matriz de itens usando o botão de menu Prism. Você verá o botão do menu suspenso assim que salvar, carregar e atualizar.

O plugin TinyMCE Advanced WordPress adiciona a funcionalidade de quinze plugins TinyMCE ao editor visual padrão. Vários recursos avançados, como a tabela e as opções da família de fontes, estão disponíveis na página de opções do plug-in. Além do editor que será afetado pelas novas configurações, os usuários podem selecionar outras opções.