como arreglar un editor visual roto


11

Nuestro editor visual muestra HTML sin formato: ingrese la descripción de la imagen aquí

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

Mi perfil no tiene "deshabilitar el editor visual" marcado.

Lo mismo sucede en Chrome, Opera y Firefox.

He desactivado todos los temas y complementos sin cambios.

He subido / wp-admin & / wp-includes sin cambios.

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


Algunas personas han notado que un archivo .htaccess incorrecto también puede causar el mismo problema. ¿Lo editaste antes?
Sudeep K Rana

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

3
¿Algún error de JavaScript?
birgire

1
Tendrá que usar la barra de herramientas del desarrollador de su navegador para llegar a la causa de este error: 1. Busque en la consola si hay algún error de JavaScript 2. Busque en la pestaña de red si falla (40 *, 50 * ) peticiones.
s1lv3r

1
Verificaría su functions.phparchivo en busca de menciones tiny_mce: si se trata de un antiguo sitio de WordPress que se ha actualizado, a lo largo de los años, TinyMCE ha sufrido muchos cambios y una función antigua PUEDE estar rompiéndolo. También PODRÍAS intentar instalar un complemento como AdvancedTinyMCE para ver si resuelve algo, pero imagino que el complemento solo extiende el editor nativo.
Bysander

Respuestas:


6

Esto casi con certeza sucede porque WordPress no puede cargar los archivos del editor TinyMCE o el código javascript de TinyMCE no se pudo ejecutar. Prueba estas cosas:


1) ¡Asegúrese de que su navegador tenga habilitado JavaScript!


2) Abra esta URL en su navegador http://<yoursite>/wp-includes/js/tinymce/wp-tinymce.php Debería ver mucho texto, comenzando algo como esto:

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

Si ve este texto, vaya al punto 3 a continuación, de lo contrario, posiblemente vea una de esas respuestas:

  • Obtiene un error 403: hay un problema con su .htaccess u otra configuración del servidor web.
  • Obtiene un error 404: compruebe si el archivo wp-includes/js/tinymce/wp-tinymce.phpexiste; si es así, asegúrese de que los permisos de todos los directorios y el archivo .php en sí estén configurados en 755 (lectura + ejecución)
  • Obtiene un error 500 o una página en blanco: hay algo fundamentalmente incorrecto en la página. Intente deshabilitar todos sus complementos y cambie al tema Twentyfourteen. Luego, active cada complemento uno por uno y pruebe la página después de que cada complemento esté habilitado

3) Con Firefox o Google Chrome, inicie sesión en su administrador de WordPress. Presione F12si está utilizando Windows o Cmd+Alt+Isi tiene una Mac -> esto abre algunas herramientas de desarrollador. Ahora edite su publicación y verifique si se muestra un mensaje de error en la consola de las herramientas del desarrollador.

Lo más probable es que haya 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 esto es muy individual. Sin embargo, cualquier error puede ser causado por un complemento o el tema que está utilizando. Puede probar lo mismo que para el error 500 anterior.


En caso de que esto no resuelva su problema o necesite más ayuda, publique información adicional como comentario aquí sobre lo que devolvieron ambas pruebas (es decir, qué error de JS o qué código de error obtuvo)


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

La URL relativa es uno de los complementos que rompen el editor visual.
José Adrián

3

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

Verifique wp-includes para cualquier regla que no permita que el sitio lea los archivos apropiados.

Para hacer una prueba rápida, haga una copia de seguridad wp-includes/.htaccess, luego vacíe el archivo, luego vuelva a cargar la página que está tratando de editar.


En mi caso, fue Sucuri endureciendo mi carpeta wp-includes. Fui a Sucuri Settings> Hardening, y luego hice clic en "Revert Hardening" para la opción wp-includes. Eso solucionó el problema, pero lo que es más importante, pude "Aplicar endurecimiento" nuevamente y todavía funcionó ... parece que Sucuri mejoró su código.
David

2

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

Contrariamente a la respuesta de otro usuario, Wordfence no agregó ningún archivo htaccess para bloquear esta sección ni resolvió el problema después de deshabilitar todos los complementos.

De hecho, pude leer cualquier archivo ubicado en esa carpeta, excepto cualquier archivo PHP. Fue entonces cuando me enteré de la restricción de host.

Espero que ayude a otros con un entorno de alojamiento similar.


1

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

define('DB_CHARSET', 'utf8')


1

Tuve este problema exacto. No se pudo alternar entre las pestañas Visual / Texto en el editor.

Mi problema resultó ser una codificación poco fiable en el archivo .htaccess donde especifiqué que todos los tipos de archivos .php necesitan que se elimine esa extensión de la URL.

El registro de errores del navegador señaló que me faltaba el archivo ... / wp-includes / js / tinymce / wp-tinymce.php del servidor. Revisé el servidor y definitivamente estaba allí, revisé los permisos de archivos y también estaban bien. ¡Debe significar que el enlace al archivo estaba causando el problema!

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

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

Espero que esto ayude.


1

Ninguna de las soluciones anteriores funcionó para mí. Luego encontré ayuda a la 1:55 en el 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? Php

define('CONCATENATE_SCRIPTS', false);

No tengo idea de lo que significa o hace este código, pero me solucionó el problema.


0

Hay una publicación interesante aquí . WordPress no puede saber la versión de un navegador rompe parte de su funcionalidad, como se afirma en la fuente vinculada. Algunos de ellos pudieron solucionar el problema del editor visual roto al cambiar la configuración de 'anonimato' ya sea en Antivirus o en Firewall.

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


0

Tuve un problema similar. Mi editor de texto y visual estaba totalmente jodido. Descubrí que esto se debe al complemento SiteOrigin Page Builder que estoy usando para varias páginas.

Pero después de instalar el paquete de widgets de SiteOrigin, se corrigieron estas dos vistas del editor. Esto podría ser una revisión para otras personas que no usan el generador de páginas. Simplemente instale ambos complementos y tendrá un editor de texto en funcionamiento. Puede que no sea el editor WP predeterminado, sino el de SiteOrigin, pero está bien para mi caso de uso.


0

Revisé todo sobre esto. No pude editar ni ver texto en publicaciones o páginas de WordPress. Parecía limitarse al complemento tinymce donde encontré errores a través de la consola de Chrome. Probé varias cosas sin suerte. Así que deshabilité tinymce y todo funciona sin problemas. Qué simple para un problema con tantas variables y opciones para una solución.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.