Como Corrigir Texto Branco e Botões Ausentes no Editor Visual do WordPress

Recentemente, um de nossos usuários relatou um problema muito estranho em sua instalação. Ao escrever uma postagem, ele não conseguia ver nada do que estava escrevendo. Porque o texto do editor de postagens era branco. Mais importante ainda, todos os botões do editor visual estavam faltando e a capacidade de alternar de Visual para HTML não estava funcionando. Neste artigo, mostraremos como corrigir o problema de texto branco e botões ausentes no editor visual do WordPress.

Observação para Iniciantes: Se você está procurando botões ocultos que pode ver em capturas de tela de outros sites, provavelmente está procurando pela "Caixa de Ferramentas" (Kitchen sink). Você teria que clicar no ícone da "Caixa de Ferramentas" para ver essas outras opções, como Sublinhado, copiar do Word, etc.

Kitchen Sink

Alguns sites também usam o plugin TinyMCE Advanced para adicionar vários outros botões que não estão lá por padrão.

Para o restante de vocês que realmente estão tendo um problema com botões ausentes ou texto branco no editor visual, continuem com este tutorial.

Limpar o Cache do Navegador

Em nossa pesquisa, encontramos usuários sugerindo que limpar o cache do navegador funcionou para eles. A primeira coisa que você deve tentar fazer é limpar o cache do navegador ou usar outro navegador. Isso pode muito bem ser um problema com o seu computador.

Se isso não resolver seu problema, talvez o problema seja com sua instalação?

Substituindo os Scripts TinyMCE

Talvez esse problema tenha acontecido depois que você atualizou? Bem, é improvável, mas talvez algo tenha dado errado no processo de atualização. Tente substituir a pasta /wp-includes/js/tinymce/ por uma cópia nova.

Corrigir com wp-config

Se nenhum dos truques acima funcionou para você, abra o arquivo wp-config.php e adicione a seguinte linha no topo, após a tag de abertura do php.

define('CONCATENATE_SCRIPTS', false);

Este truque corrigiu o problema para nosso usuário que relatou este problema. Esperamos que uma das soluções listadas neste artigo resolva o seu problema de texto branco e botões ausentes no editor visual do WordPress. Se você encontrou outra solução que funcionou para você, por favor, compartilhe-a nos comentários.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

247 CommentsLeave a Reply

  1. Olá e obrigado pelo seu ótimo artigo. O código que adicionei ao meu arquivo wp-config.php, como você descreveu, corrigiu o problema para mim.
    Mas por que isso está acontecendo? Eu não usei meu site por um longo tempo, e quando o abri, vi que não conseguia escrever nada nos meus campos de texto, nem ver nenhuma ferramenta de texto. Isso foi muito estranho de entender. Obrigado.

  2. Este problema continua voltando, obviamente (encontrei seu post procurando uma solução). Encontrei um caso no site de um cliente meu, onde ela havia adicionado um script "fofo" em uma postagem copiando e colando o código do script. Foi quando o texto branco apareceu. Mesmo depois de deletar a maior parte, ainda havia o problema do texto branco e sem botões.

    Aqui está como eu "resolvi":

    – Para descobrir quando o script foi inserido, usei o "Navegar pelas Revisões" e encontrei a última instância do script dentro do código.

    – Usando um plugin otimizador de banco de dados, Optimize DB, selecionei para manter apenas 4 revisões da postagem, datadas após a inserção do script. Em seguida, executei o Otimizador. Depois disso, o problema de "texto branco e sem botões" foi resolvido.

    Seus resultados podem variar...

    Atenciosamente,

    Andre

    • O problema voltou para mim em outra postagem no mesmo site. Tentei de tudo. Este é definitivamente um problema do WP, tantas pessoas o têm, e existem tantas "soluções" que suspeito que algo está com defeito nas versões mais recentes do WP.

  3. Muito obrigado! Resolvi um erro de página do painel wp em branco ou semi em branco com este define(‘CONCATENATE_SCRIPTS’, false); no arquivo wp-config! Você é incrível!!! Tentei de tudo! Atenciosamente!

  4. Ótimo blog, realmente me apontou na direção certa. No final, eram as permissões da pasta na pasta tinymce. Eu tinha 775, corrigi para 755.

  5. Tive o problema descrito. define(‘CONCATENATE_SCRIPTS’, false); funcionou para mim (depois que descobri como editar o arquivo de configuração), então obrigado por postar!

  6. Eu acabei de adicionar define(‘CONCATENATE_SCRIPTS’, false); no wp-config.php e isso corrigiu o problema para mim.

  7. uau, não tenho palavras para agradecer! A última opção funcionou para mim. Após a atualização para 3.9.1, vários botões no editor visual estavam sem seus ícones, assim como alguns personalizados que adicionei.

    obrigado obrigado!

  8. Depois de muita tentativa e erro, descobri que o plugin:

    Estilos com Shortcodes para WordPress

    Causa este problema – então você pode querer tentar desativá-lo se o estiver usando.

  9. Meu problema é exatamente como descrito, texto branco e botões faltando, mas apenas em páginas selecionadas. Limpar o cache não ajudou, onde substituir os Scripts TinyMCE apenas trouxe o problema para todas as minhas páginas, onde reverter para o antigo arquivo Wp-Config não me trouxe de volta. Adicionar a string de texto ao Wp-Config trouxe os botões de volta para algumas páginas, mas não para todas. Quando, como solução alternativa, desativo o Wordpress SEO, meus botões voltam e o texto fica preto novamente, estranho, hein!?

    What am I doing wrong here – please help :-)

  10. Isso pode ser útil para outros:

    Tive o mesmo problema. Layout estranho no painel: A barra de administração não foi exibida corretamente e todos os botões do Editor Visual desapareceram. Tentei corrigir o problema seguindo os passos fornecidos no artigo, mas não adiantou.

    Então verifiquei meu log de erros e ele diz que o .htaccess não é legível ao acessar admin-bar.min.js em /wp-includes/js/ e wp-lang-en.js em /wp-includes/js/tinymce/langs/ e outros arquivos .js. Mas esse não é o caso. O .htaccess funciona perfeitamente. Portanto, só pode ser por causa de algum problema de permissão.

    Ao fazer o upload do meu site, as permissões obviamente foram alteradas. Não sei por quê. Todas as pastas precisam ter chmod 755, mas elas só tinham chmod 750. Depois de alterar o chmod de volta para 755 para todas as pastas em wp-includes, tudo funciona bem novamente.

  11. Nenhum desses foi a causa/solução para mim, mas encontrei outra correção.

    O problema parecia ser com o tema. Mudar para o tema padrão corrigiu o erro.

    Os autores do tema sugeriram procurar por mídia corrompida na biblioteca. Quando removi uma que não foi carregada corretamente (sem miniatura na biblioteca), o editor voltou instantaneamente.

    Para evitar problemas com a mídia, eles também sugeriram aumentar o limite máximo de memória no arquivo de configuração da seguinte forma:

    define(‘WP_MAX_MEMORY_LIMIT’, ‘1024M’);

  12. Tive o mesmo problema depois de alterar a URL nos campos Endereço do WordPress e Endereço do Site. Não sei o motivo, mas havia 3 hifens em vez de 2 depois de “http:”, como “http:///www. …..”. Remover um deles para refletir a URL correta resolveu o problema.

  13. Com a atualização do WP 3.9 o problema ocorreu comigo.
    Eu não sei por quê, mas no seguinte arquivo CSS a cor está definida como branca
    wp-includes/css/editor.min.css?ver=3.9

    A regra CSS é esta:
    .js .tmce-active .wp-editor-area { color: #FFFFFF; }

    Você poderia alterá-la neste arquivo, mas é melhor sobrescrevê-la em functions.php no diretório do seu tema filho com sua própria função como esta:

    add_action(‘admin_head’, ‘my_wp_editor_area’);

    function my_wp_editor_area() { echo '
    .js .tmce-active .wp-editor-area { color: #333 !important}
    '; }

    Espero que isso ajude alguém também!

  14. Nada do que foi discutido aqui funcionou… até que tentei isto.

    “Desativar Edição Visual” no seu Perfil e então
    “Ativar Edição Visual”

    Seu editor visual / pia de cozinha etc. estará de volta.

    BÔNUS
    Se você instalou o TinyMCE Advanced e moveu itens,
    desative-o e você deverá estar pronto para usar.

    Obrigado a todos por tentarem ajudar.
    Vocês SÃO DEMAIS!

    • Não!!! Não acredito em quanto tempo você me salvou, amigo!! Desativei a edição visual e ativei novamente e funciona!!! muito obrigado!!!!

  15. Tive o problema logo após a instalação limpa, o que significa que nenhum plugin foi instalado.
    define(‘CONCATENATE_SCRIPTS’, false); também funcionou para mim.

    Alguém sabe a lógica por trás dessa correção?

    Parece um problema antigo, que é relatado em vários blogs. No meu caso, foi um problema logo de cara e eu me pergunto por que o wordpress ainda não corrigiu esse "bug".

    • Instalei o WP pela primeira vez.
      define(‘CONCATENATE_SCRIPTS’, false); não funcionou, limpar o cache, mudar de provedor de internet ou de PC também não ajudaram.

      Não tenho certeza se o coloquei no lugar certo no meu arquivo wp-config.php. Coloquei-o sob
      // ** MySQL settings – You can get this info from your web host ** //

      está OK?

    • O problema é causado pela combinação de todos os scripts individuais em um único arquivo grande.
      Embora a prática melhore o tempo de carregamento do site, ela tem problemas potenciais.

      O que acontece é que certas variáveis e chamadas de função precisam ser terminadas com uma nova linha, parênteses, ou terminar com um ponto e vírgula.

      Portanto, o código pretendido pode começar como
      script-1.js: var a = 1
      script-2.js: var b = 2

      quando concatenado pode se tornar
      concatenated.js: var a = 1var b= 2

      Quando executado pode causar um erro e parar a execução de outros javascripts.
      No melhor dos casos, um nome de variável é sobrescrito e o código continua o processamento.

      Para resolver o problema acima, var a = 1 deve terminar com um ; para que se torne var a = 1;var b = 2;
      O que garantirá a execução correta do JavaScript.

      Estes são apenas exemplos muito básicos do que pode acontecer com a concatenação.
      Existem outros problemas, como limites de caracteres na mesma linha em alguns navegadores sendo excedidos, truncando efetivamente a saída desejada.
      Outros problemas são a mistura de diferentes finais de linha e codificações de caracteres também são um fator.
      EX: UTF-8 com ISO-8859-1, e \r (Mac) \r\n (Windows) \n (Linux)

      Em resumo, é melhor concatenar manualmente para garantir que esses problemas não ocorram, em vez de confiar nas práticas de programação de um estranho aleatório misturadas com o código de outros.

  16. Fazer upload de uma pasta TinyMCE nova funciona para mim, mas apenas por um dia. Como isso pode acontecer???

    Os plugins estão desativados, adicionar a linha acima em wp-config.php não mudou nada. "Google libraries" foi instalado e ativado, mas também não resolveu o problema (-> então agora está desativado novamente). Atualizado, estou fazendo upload da pasta TinyMCE todos os dias, e toda manhã o editor do WordPress fica branco novamente e os botões ficam invisíveis novamente também...

    • Muitos outros fatores entram em jogo ao hospedar um aplicativo web, não apenas rodar o WordPress.
      Jobs de cron podem estar rodando no host do site ou dentro do WordPress que podem estar substituindo os arquivos. Scripts cross-site podem fazer o mesmo, com risco ainda maior em hospedagem compartilhada, e ainda maior se o diretório e os arquivos do seu site tiverem permissões chmod 777.
      Arquivos devem ter 640 ou 660, diretórios 750 ou 770, dependendo da configuração do seu host.

      Mantenha o controle do momento em que você substituiu o arquivo e, em seguida, verifique a data da última modificação quando notar que o problema ocorre novamente.
      Verifique os arquivos de log do seu servidor em torno desse horário para ver quem acessou o quê para ajudar a resolver o problema ou entre em contato com seu provedor de hospedagem para ver se eles não conseguem identificar o problema.
      EX: verifique /path/to/httpd/logs/domain.com/access.log
      para ver se alguém acessou algo malicioso naquele momento.

  17. Estou tendo este problema com um site que acabei de assumir a gestão para uma instituição de caridade local. Tentar o tema de 2012, desativar plugins, usar bibliotecas do Google, fazer uma nova instalação no WordPress e limpar o cache não funcionam. Não tenho acesso FTP e obtê-lo está se mostrando difícil, pois é uma pequena filial local de uma instituição de caridade nacional, então não consigo acessar os arquivos para editar. – Existe alguma maneira de eu resolver este problema?

  18. Eu também tenho este problema, mas apenas em uma página, todas as outras páginas/posts estão bem e o editor funciona como deveria.

    A página é exibida corretamente, mas quando vou editá-la, obtenho o que parece ser uma página em branco (se você pressionar Ctrl+A, pode ver o código na página), sem barra de ferramentas, impossível selecionar/pressionar o editor de texto, as revisões também não são mostradas.

    Eu tentei limpar o cache, adicionei as linhas:
    “define(‘CONCATENATE_SCRIPTS’, false);”
    e
    define(‘WP_MEMORY_LIMIT’, ‘256M’);
    ao arquivo wp_config.

    Eu também tentei o plugin “Use Google Libraries”, mas ainda nada

    Estou prestes a tentar o truque do TinyMCE, mas não tenho muita esperança nisso, pois está afetando apenas esta página.

    Estou perdido, além de excluir a página e começar de novo, não tenho certeza do que mais tentar.

    • Eu tenho o mesmo problema. Fiz a atualização do TinyMCE, e agora a página nem mostra nada quando tento editar. Pelo menos antes, eu podia ver o texto no editor quando o destacava, agora a página inteira está branca e não há nada lá! Não consigo nem reverter para uma versão anterior agora. Não sei o que fazer a seguir..

  19. Muito obrigado, o “Corrigir com wp-config” corrigiu o problema de desaparecimento visual/texto para mim. Muito obrigado!

  20. I have tried, all the steps, but still facing the same issue, :( Visual Text Editor is not working.

    Alguém pode ajudar por favor, já se passaram quase 3 dias…..

  21. bem meu botão de texto está aparecendo bem, mas o problema é que quando clico no botão visual nada acontece, parece que o wp 3.6 tem alguns problemas sérios em relação a isso. Se alguém de vocês tiver uma solução para fazer o editor visual funcionar de volta, por favor, compartilhe

  22. Tentar consertar meu Editor Visual/HTML quando ele desapareceu quase me deixou louco.
    Eu tentei todos os truques ou hacks possíveis sem sucesso. Eu até reinstalei o WordPress – ainda sem sucesso. Felizmente, eu ainda não tinha lançado o site, mesmo que estivesse no ar.
    Então me deparei com um artigo que mencionava que poderia ser o antivírus. Então fiz uma verificação rápida no meu iPad (sem antivírus) – Editor Visual presente. Verifiquei o MacBook Pro (que tinha o antivírus) sem Editor Visual. Desliguei o antivírus no MacBook Pro e o Editor Visual apareceu. Droga de antivírus.
    Espero que isso poupe alguém de alguma agonia.

  23. Passei semanas tentando consertar isso, incluindo pedir ao meu provedor de hospedagem para verificar meus arquivos do WordPress.
    Para minha vergonha, eu nem consigo ENCONTRAR onde estão meu texto ou a "cozinha" (kitchen sink), alguém pode me dizer em termos simples onde posso encontrá-lo? Comecei no meu painel e não consigo
    "vê-lo". Alguém pode me ajudar, por favor?
    Obrigado!

    • Eu resolvi!!! Instale o plug-in “Use Google Libraries.” Agora meu texto está visível e posso ver o editor de texto, demorou apenas duas semanas de pesquisa!! Agora, para o próximo erro, não consigo fazer upload de imagens, recebo um erro que diz “erro, tente novamente mais tarde.” De qualquer forma, para todos vocês cujo texto ficou branco e invisível, tentem adicionar o plug-in, funcionou muito bem para mim :)

  24. Tenho o mesmo problema com meu bloco. Texto branco e a interface do usuário não foi carregada completamente. Foi interessante que isso aconteceu apenas com os redatores e os administradores não experimentaram esse problema.

    Tentei limpar o cache, substituir a pasta tinymce js, adicionei esta linha no arquivo wp-config, mas nada ajuda.

    Tenho vários plugins, então, lendo os comentários, decidi aumentar o limite de memória do php. No meu caso, 64Mb não foi suficiente. Assim como Micky Neuhaus disse

  25. Ah! Obrigado, obrigado, obrigado. Adicionei a coisa do DEFINE CONCATENATE_SCRIPTS como você descreveu e funcionou. Estou todo feliz agora.
    / Marky /

  26. se você estiver executando alguns plug-ins como: NextGen Gallery e ContactForm 7 etc., o servidor virtual precisa de 64 Mb de memória PHP para executar todos esses plug-ins E o tinymce (o Editor visual) juntos – se houver menos memória, o tinymce não carregará devido à falta de memória disponível, pois é o último a demandar um pouco dessa memória para carregar.

    procure por isso ou algo semelhante no modo de depuração do WP: “Erro fatal: Tamanho de memória permitido de 50331648 bytes (=48Mb) esgotado (tentou alocar 491520 bytes) em /htdocs/site/wp-includes/js/tinymce/langs/wp-langs.php na linha 404”

    ou simplesmente verifique o tamanho da memória php na página “geral” do plug-in NextGEN Gallery se você o estiver executando.

  27. hummmm SIM…… entãoooooo

    Depois de procurar por esse problema o dia todo – mexendo no código, excluindo plugins, mudando temas… tudo isso. Descobri que quando você instala o novo wordpress, o botão DA PIA DA COZINHA está recolhido por padrão.

    Apenas clique no maldito botão.

    Talvez você queira adicionar isso à postagem porque, enquanto eu pesquisava em vários blogs e fóruns, e lia todas as outras pessoas com o mesmo problema, eu diria que pelo menos metade delas pode ser resolvida dessa forma.

    Espero que isso ajude alguém.

      • =) Feliz em ajudar. Quando descobri isso, fiquei feliz por ter conseguido… mas com raiva de mim mesmo por ser algo tão estúpido! haha

        É toda a teoria da “desinformação guiada”. Aquela que faz os mágicos parecerem tão bons.

        Deixe-me explicar…

        Como o problema (os botões faltando) acontece logo após a instalação da atualização, e o wordpress avisa que alguns plugins podem não ser compatíveis com a atualização e causar problemas, a primeira coisa que você faz é assumir que a nova instalação causou um problema, porque é para isso que você foi guiado a prestar atenção.

        Cara, acho que causo mais danos do que benefícios mexendo em tudo tentando “consertar” meu mau funcionamento do wordpress.

        Garanto que este é o caso para pelo menos metade das pessoas com este "erro". Apostaria nisso. Fico feliz que você tenha colocado isso PRIMEIRO para as pessoas verificarem, para que leigos não técnicos como eu não quebrem seus sites à toa, haha

        MALDIÇÃO WORDPRESS!!! :p

        • Meu problema foi com o arquivo style.css na pasta raiz do meu tema filho.
          Procure por textarea e mude a cor de #FFF para #333, como abaixo:

          textarea { color: #333; era #FFF font-size: 12px; line-height: 18px; }

          Enquanto o editor visual funcionava bem, ao responder a blogs ou posts, o texto de entrada estava invisível – branco sobre branco. Além disso, tenho uma página protegida e, quando você insere a senha, não há feedback com pontos visíveis para indicar que um caractere foi inserido.

          Espero que isso ajude alguém.
          WP 3.9.2
          Firefox 31.0
          Win 8

  28. Estou tendo exatamente este problema. O número 1 e o número 3 não funcionaram, pois tentei-os. Também tentei a dica de desativar/ativar o plugin. Não sei o que o número 2 implica. Onde encontro uma "cópia nova"? Isso é útil, pois aborda meu problema exato, mas as dicas não são claras/à prova de idiotas o suficiente para alguém como eu, suponho. Por favor, ajude.

  29. Tivemos alguns problemas com o banco de dados em nosso servidor há vários meses. Procurar por "texto branco" nos fóruns de suporte do WordPress não ajudou muito, pois cada um tinha sua própria solução que parecia funcionar individualmente, mas nunca se via um monte de comentários seguidos concordando com uma única solução.

    O que acabou sendo o problema para nós foi nas Configurações Gerais. Havia dois pontos após a URL nos campos Endereço do WordPress e Endereço do Site.

    Removemos os dois pontos e o texto voltou a ser preto. Estimo que este foi um problema em 10 a 15 dos sites WordPress hospedados em nosso servidor.

    Esta foi provavelmente outra solução singular para um problema que é muito mais profundo no próprio WordPress. Mas, nunca se sabe. Verifique se há dois pontos em suas configurações...

    Gregg

  30. Às vezes, é um problema com um plugin se comportando mal. Então, eu desativo todos os plugins e os reativo um por um até que o culpado seja encontrado. Muitas vezes, o plugin pode não ter sido instalado corretamente e se corrigirá quando reativado. Se isso não funcionar, eu excluo o plugin, removo as tabelas no banco de dados desse plugin e, em seguida, instalo uma cópia nova.

  31. Olá WP Beginner,
    Posso saber como escrever o HTML na postagem como você escreveu “define(‘CONCATENATE_SCRIPTS’, false);”?
    fornecendo uma opção de copiar e ver código-fonte quando se coloca a seta no lado direito?

    Obrigado

Deixar uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.