como consertar um editor visual quebrado


11

Nosso editor visual está exibindo HTML bruto: insira a descrição da imagem aqui

Se clicar em Visual ou Texto, nada acontece - o clique não está sendo registrado.

Meu perfil não tem "desativar editor visual" marcado.

O mesmo acontece no Chrome, Opera e Firefox.

Desativei todos os temas e plugins sem alterações.

Fiz upload de / wp-admin e / wp-includes sem alterações.

Que outras coisas posso tentar restaurar o editor visual?


Algumas pessoas notaram que o arquivo .htaccess errado também pode causar o mesmo problema. Você o editou anteriormente?
precisa

@SudeepKRana: não há nada no .htaccess fora do comum.
Steve

3
Algum erro de javascript?
Birgire

1
Você precisará usar a barra de ferramentas do desenvolvedor de navegadores para descobrir a causa desse erro: 1. Procure no console se houver algum erro de javascript 2. Procure na guia rede se houver algum erro (40 *, 50 * ) solicitações de.
S1lv3r 02/07/2014

1
Gostaria de verificar o seu functions.phparquivo para qualquer menção de tiny_mce- se é um site wordpress antigo que foi atualizado, ao longo dos anos, o TinyMCE passou por muitas mudanças e uma função antiga pode estar quebrando. Você também pode tentar instalar um plugin como AdvancedTinyMCE para ver se ele resolve alguma coisa, mas imagino que o plugin apenas estenda o editor nativo.
Bysander

Respostas:


6

Isso quase certamente acontece porque o WordPress não pode carregar os arquivos do editor TinyMCE ou o código javascript do TinyMCE não pôde ser executado. Tente estas coisas:


1) Verifique se o seu navegador tem o javascript ativado!


2) Abra este URL no seu navegador http://<yoursite>/wp-includes/js/tinymce/wp-tinymce.php Você deverá ver muito texto, iniciando algo como isto:

// 4.0.21.1 (2014-04-09)
!function(e,t){"use strict";function ...

Se você vir esse texto, vá para o ponto 3 abaixo; caso contrário, você poderá ver uma dessas respostas:

  • Você recebe um erro 403: Há um problema com seu .htaccess ou outra configuração de servidor da web.
  • Você recebe um erro 404: Verifique se o arquivo wp-includes/js/tinymce/wp-tinymce.phpexiste; se isso acontecer, verifique se as permissões de todos os diretórios e o próprio arquivo .php estão definidos como 755 (leitura + execução)
  • Você recebe um erro 500 ou uma página em branco: há algo errado de fundamentalmente na página. Tente desativar todos os seus plugins e mude para o tema Twentyfourteen. Em seguida, ative cada plug-in um por um e teste a página após a ativação de cada plug-in

3) Com o Firefox ou o Google Chrome, entre no seu administrador do WordPress. Bata F12se você estiver usando o Windows ou Cmd+Alt+Ise tiver um Mac -> isso traz algumas ferramentas de desenvolvedor. Agora edite sua postagem e verifique se há uma mensagem de erro exibida no console das ferramentas do desenvolvedor.

Provavelmente, há um erro de javascript. Você precisa lidar com esse erro de JS para resolver o problema; Não posso dar uma dica geral de como fazer isso, pois isso é muito individual. No entanto, qualquer erro pode ser causado por um plug-in ou pelo tema que você está usando. Você pode tentar as mesmas coisas do erro 500 acima.


Caso isso não tenha resolvido o seu problema ou você precise de mais ajuda, poste aqui informações adicionais como comentário sobre o que os dois testes retornaram (ou seja, qual erro de JS ou qual código de erro você obteve)


Eu tentei carregamento /wp-includes/js/tinymce/wp-tinymce.php, e deu um 404. Eu abri /wp-includes/em FTP, e descobriu um .htaccess com <Files *.php> deny from all </Files>
Steve

O URL relativo é um dos plugins que quebram o editor visual.
Jose Adrian

3

Depois de dias pesquisando postagens antigas sobre os erros do TinyMCE (não encontrando uma URL totalmente aceitável ), descobri que Sucuri ou Wordfence haviam adicionado um arquivo .htaccess à pasta wp-includes que estava causando conflitos.

Verifique wp-includes para quaisquer regras que possam não permitir que o site leia os arquivos adequados.

Para fazer um teste rápido, faça backup wp-includes/.htaccess, esvazie o arquivo e recarregue a página que você está tentando editar.


No meu caso, foi Sucuri endurecendo minha pasta wp-includes. Fui para Sucuri Settings> Hardening e cliquei em "Revert Hardening" para a opção wp-includes. Isso resolveu o problema, mas, o mais importante, consegui "Aplicar o endurecimento" novamente e ainda funcionava ... parece que a Sucuri melhorou o código.
David

2

No nosso caso, foi o anfitrião. Além do nível de permissão do arquivo wp-tinymce.php definido para 644 (nós mudamos para 755), o host estava bloqueando toda a execução de php nessa pasta pasta wp-includes / js. Uma estratégia apreciativa, mas agora uma dor de cabeça.

Ao contrário da resposta de outro usuário, o Wordfence não adicionou nenhum arquivo htaccess para bloquear esta seção, nem o problema foi resolvido após a desativação de todos os plug-ins.

Na verdade, eu era capaz de ler qualquer arquivo localizado nessa pasta, exceto qualquer arquivo PHP. Foi quando eu aprendi sobre a restrição de host.

Espero que ajude outras pessoas com um ambiente de hospedagem semelhante.


1

Depois de migrar para um novo host, descobri que tinha o mesmo problema. Adicionando o banco de dados Charset ao wp-config.php, tudo foi resolvido normalmente.

define('DB_CHARSET', 'utf8')


1

Eu tive esse problema exato. Não foi possível alternar entre as guias Visual / Texto no editor.

Meu problema acabou sendo uma codificação desonesta no arquivo .htaccess, onde especifiquei que todos os tipos de arquivo .php precisam ter essa extensão removida da URL.

O log de erros do navegador apontou que estava faltando o arquivo ... / wp-includes / js / tinymce / wp-tinymce.php do servidor. Eu verifiquei o servidor e ele definitivamente estava lá, verifiquei as permissões de arquivo e elas estavam bem também. Deve significar que o link para o arquivo estava causando o problema!

Adicionado o seguinte código na seção reescrever .php do arquivo .htaccess e isso resolveu meu problema.

RewriteCond %{REQUEST_URI} !/wp-includes/js/tinymce/wp-tinymce\.php

Espero que isto ajude.


1

Nenhuma das soluções acima funcionou para mim. Encontrei ajuda às 1:55 no seguinte vídeo do Youtube: https://www.youtube.com/watch?v=tGdj1lKPTs8

Ou seja, colei o seguinte código no arquivo wp-config.php do meu site logo abaixo da parte? Php

define('CONCATENATE_SCRIPTS', false);

Não tenho ideia do que esse código significa ou faz, mas ele corrigiu o problema para mim.


0

Há um post interessante aqui . O WordPress não saber a versão de um navegador quebra algumas de suas funcionalidades, conforme reivindicado na fonte vinculada. Alguns deles conseguiram corrigir problemas de editor visual alterado alterando as configurações de 'anonimato' no Anti-Virus ou no Firewall.

Se essa abordagem funcionar, acho que uma regra de firewall para permitir o compartilhamento de informações do navegador para solicitações de um IP específico (onde o WordPress está instalado) seria a solução. Também não vejo isso como uma solução se o 'Wp Admin' estiver sendo acessado de fora de uma rede.


0

Eu tive um problema parecido. Meu editor de texto e visual estava totalmente errado. Descobri que isso se deve ao plug-in SiteOrigin Page Builder que estou usando para várias páginas.

Porém, após instalar o SiteOrigin Widgets Bundle, essas duas visualizações do editor foram corrigidas. Isso pode ser um hotfix para outras pessoas que não usam o construtor de páginas. Basta instalar os dois plugins e você terá um editor de texto em funcionamento. Pode não ser o editor padrão do WP, mas o do SiteOrigin, mas isso é bom para o meu caso de usuário.


0

Eu verifiquei tudo sobre isso. Não consegui editar ou ver texto em posts ou páginas do wordpress. Pareceu restringir-se ao plug-in tinymce, onde encontrei erros no console do Chrome. Eu tentei várias coisas sem sorte. Desativei o tinymce e tudo está funcionando perfeitamente. Quão simples para um problema com tantas variáveis ​​e opções para uma correção.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.