Cómo reparar un editor visual roto

Question

Cómo reparar un editor visual roto

4 mar 2014, 14:01:00

Vistas: 35.8K

Votos: 11

Nuestro editor visual está mostrando HTML sin formato: Editor visual de WordPress mostrando código HTML sin formato

Si hago clic en Visual o Texto, no sucede nada - el clic no se registra.

Mi perfil no tiene marcada la opción "desactivar editor visual".

Lo mismo ocurre en Chrome, Opera y Firefox.

He desactivado todos los temas y plugins sin cambios.

He subido nuevamente /wp-admin y /wp-includes sin cambios.

¿Qué otras cosas puedo intentar para restaurar el editor visual?

Steve

1.75K

editor visual

Comentarios

Algunas personas han notado que un archivo .htaccess incorrecto también puede causar el mismo problema. ¿Lo has editado anteriormente?

Sudeep K Rana

4 mar 2014 14:13:14

@SudeepKRana: no hay nada fuera de lo común en el .htaccess.

Steve

6 mar 2014 04:27:06

¿Algún error de JavaScript?

birgire

2 jul 2014 13:58:47

Necesitarás usar la barra de herramientas de desarrollador de tu navegador para llegar a la causa de este error: 1. Revisa en la consola si hay algún error de JavaScript 2. Revisa en la pestaña de red si hay solicitudes fallidas (40, 50).

s1lv3r

2 jul 2014 16:31:47

¿Este es el editor predeterminado o es parte de tu meta box personalizado? Hay muchas trampas si has agregado el editor tú mismo, como usar un ID compuesto solo por letras minúsculas.

Petr Cibulka

2 jul 2014 20:35:56

Mostrar los 2 comentarios restantes

Todas las respuestas a la pregunta

Comentarios

Intenté cargar /wp-includes/js/tinymce/wp-tinymce.php, y devolvió un error 404. Abrí /wp-includes/ en FTP, y descubrí un .htaccess con <Files *.php> deny from all </Files>

Steve

6 jul 2014 11:26:50

Relative url es uno de los plugins que rompen el editor visual.

Jose Adrian

5 feb 2017 03:43:37

Después de días investigando publicaciones antiguas sobre los errores de TinyMCE (sin encontrar una URL que estuviera completamente correcta), descubrí que Sucuri o Wordfence habían agregado un archivo .htaccess a la carpeta wp-includes que estaba causando conflictos.

Revisa wp-includes en busca de cualquier regla que pueda impedir que el sitio lea los archivos correctos.

Para hacer una prueba rápida, haz una copia de seguridad de wp-includes/.htaccess, luego vacía el archivo y recarga la página que estás intentando editar.

dan

31

18 jun 2016 05:40:59

Comentarios

En mi caso fue Sucuri protegiendo mi carpeta wp-includes. Fui a Configuración de Sucuri > Protección, y luego hice clic en "Revertir Protección" para la opción wp-includes. Eso resolvió el problema, pero lo más importante es que pude "Aplicar Protección" nuevamente y siguió funcionando... parece que Sucuri mejoró su código.

David

3 oct 2018 00:14:17

En nuestro caso fue el host. Además del nivel de permisos del archivo wp-tinymce.php establecido en 644 (lo cambiamos a 755), el host estaba bloqueando toda ejecución de PHP en la carpeta wp-includes/js. Una estrategia apreciable pero ahora un dolor de cabeza.

Contrario a la respuesta de otro usuario, Wordfence no agregó ningún archivo htaccess para bloquear esta sección ni el problema se resolvió al desactivar todos los plugins.

De hecho, pude leer cualquier archivo ubicado en esa carpeta excepto los archivos PHP. Ahí fue cuando descubrí la restricción del host.

Espero que esto ayude a otros con un entorno de hosting similar.

Frank

21

8 sept 2016 19:19:34

Después de migrar a un nuevo host, descubrí que tenía el mismo problema. Al agregar el juego de caracteres de la base de datos al archivo wp-config.php, todo se resolvió con normalidad.

define('DB_CHARSET', 'utf8')

murrayac

70

24 abr 2017 02:07:27

Tuve exactamente este mismo problema. No podía alternar entre las pestañas Visual/Texto en el editor.

Mi problema resultó ser un código defectuoso en el archivo .htaccess donde había especificado que todos los archivos .php debían tener esa extensión eliminada de la URL.

El registro de errores del navegador indicaba que faltaba el archivo .../wp-includes/js/tinymce/wp-tinymce.php en el servidor. Verifiqué el servidor y definitivamente estaba allí, también revisé los permisos del archivo y estaban bien. ¡Debía significar que el enlace al archivo estaba causando el problema!

Agregué el siguiente código en la sección de reescritura de .php del archivo .htaccess y esto resolvió mi problema.

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

Espero que esto ayude.

Ryan

11

24 nov 2017 15:57:24

Ninguna de las soluciones anteriores me funcionó. Luego encontré ayuda en el minuto 1:55 del siguiente video de YouTube: https://www.youtube.com/watch?v=tGdj1lKPTs8

Es decir, pegué el siguiente código en el archivo wp-config.php de mi sitio, justo debajo de la parte

define('CONCATENATE_SCRIPTS', false);

No tengo idea de qué significa o qué hace este código, pero solucionó el problema para mí.

Stp

11

25 mar 2018 20:01:25

Hay una publicación interesante aquí. WordPress no poder conocer la versión de un navegador rompe parte de su funcionalidad, como se afirma en la fuente enlazada. Algunos usuarios lograron solucionar el problema del editor visual roto cambiando la configuración de 'anonimato' ya sea en el Anti-Virus o en el Firewall.

Si este enfoque funciona, entonces creo que una regla del firewall para permitir compartir información del navegador para solicitudes desde una IP específica (donde está instalado WordPress) sería la solución. Tampoco puedo ver esto como una solución si se está accediendo al 'Wp Admin' desde fuera de una red.

sri

549

2 jul 2014 14:32:13

Tuve un problema similar. Mi editor de texto y visual estaban totalmente descompuestos. Descubrí que esto se debía al plugin SiteOrigin Page Builder que estoy usando para varias páginas.

Pero después de instalar el SiteOrigin Widgets Bundle, estas dos vistas del editor se solucionaron. Esto podría ser una solución temporal para otras personas que no usan el page builder. Solo instala ambos plugins y tendrás un editor de texto funcional. Puede que no sea el editor predeterminado de WP sino el de SiteOrigin, pero es suficiente para mi caso de uso.

Chaoste

101

2 jun 2017 03:10:08

Revisé por todos lados sobre este problema. No podía editar ni ver el texto en las publicaciones o páginas de WordPress. Parecía reducirse al plugin tinymce donde encontré errores a través de la consola de Chrome. Intenté varias cosas sin éxito. Así que desactivé tinymce y todo está funcionando sin problemas. Qué simple para un problema con tantas variables y opciones de solución.

Elizabeth Abernathy

1

2 jun 2018 05:46:47

Philipp 1.24K · Accepted Answer · 2014-07-05T15:13:02Z

Esto casi seguro ocurre porque WordPress no puede cargar los archivos del editor TinyMCE o no se pudo ejecutar el código javascript de TinyMCE. Prueba lo siguiente:

1) ¡Asegúrate de que tu navegador tenga javascript habilitado!

2) Abre esta URL en tu navegador http://<tusitio>/wp-includes/js/tinymce/wp-tinymce.php Deberías ver mucho texto, comenzando con algo como esto:

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

Si ves este texto entonces ve al punto 3 a continuación, de lo contrario posiblemente veas una de estas respuestas:

Recibes un error 403: Hay un problema con tu .htaccess u otra configuración del servidor web.
Recibes un error 404: Verifica si el archivo wp-includes/js/tinymce/wp-tinymce.php existe; si existe, asegúrate de que los permisos de todos los directorios y del archivo .php estén configurados a 755 (lectura + ejecución)
Recibes un error 500 o una página en blanco: Hay algo fundamentalmente mal en la página. Intenta desactivar todos tus plugins y cambiar al tema Twentyfourteen. Luego activa cada plugin uno por uno y prueba la página después de cada activación

3) Con Firefox o Google Chrome, inicia sesión en tu WordPress Admin. Presiona F12 si estás usando Windows o Cmd+Alt+I si tienes una Mac -> esto abrirá las herramientas de desarrollo. Ahora edita tu entrada y revisa si hay un mensaje de error mostrado en la consola de las herramientas de desarrollo.

Muy probablemente hay un error de javascript. Debes lidiar con ese error JS para resolver el problema; no puedo dar un consejo general sobre cómo hacer esto, ya que es muy individual. Sin embargo, cualquier error podría ser causado por un plugin o el tema que estás usando. Puedes intentar lo mismo que para el error 500 mencionado arriba.

En caso de que esto no haya resuelto tu problema o necesites más ayuda, por favor publica información adicional como comentario aquí sobre lo que devolvieron ambas pruebas (es decir, qué error JS o qué código de error obtuviste)