Cómo reemplazar el editor de WordPress con el editor Baidu UEditor

WordPress reemplaza a Baidu UEditor

En primer lugar, el wp que estoy usando ahora es la versión 3.9. El complemento Ueditor es 1.30.

Encontré muchos complementos de texto enriquecido en Internet y creo que este en China es el más potente y cómodo de usar. También tiene Baidu Maps y Google Maps integrados. ¿Por qué no usarlo?

Hay varios problemas importantes con este complemento, como la falla al usar contact-form-7 e imágenes que se comprimen automáticamente después de cargarse y no se pueden ver. Te cuento todas las soluciones.

¿Por qué deberías cambiar el editor de Ueditor?

Primero déjame poner una foto del editor original. Es súper sencillo, ¿no? No satisface totalmente mis necesidades.

Cómo descargar e instalar.

Busca el complemento ueditor wordpress en Baidu. Aquí no, Baidu no lo ha aprobado.

Después de descargarlo, descomprímalo, colóquelo directamente en este directorio y luego inícielo.

Solución a problemas existentes

1. Ueditor ha traducido algunas etiquetas y símbolos especiales por razones de seguridad. También agrega etiquetas lt;pgt; en la posición del párrafo.

Pero estos no afectan el uso. Lo que realmente afecta el uso es el control de estilo CSS que puedes escribir. O simplemente cambie el código fuente.

No escribiré aquí sobre el método para cambiar el código fuente y tampoco lo he usado.

Lo hice usando CSS.

Pero un gran problema es que al usar ueditor, Concert-form-7 no funciona correctamente y se produce un error 404. Entonces creo que tiene algo que ver con agregar etiquetas p y traducciones de caracteres especiales en formato HTML.

Entonces mi solución es estúpida. También es muy sencillo. Cuando usamos concert-form-7, básicamente lo usamos en una sola página. Entonces, cuando queramos usarlo, queremos desactivar ueditor. Simplemente habilítelo nuevamente después de ingresar el código corto y publicarlo.

2. La imagen se distorsiona y se comprime automáticamente. Vi en Internet que varios usuarios tenían este problema, pero no se resolvió, así que lo publiqué aquí para su referencia.

El problema está en el evento de descripción general. Después de cargarla varias veces, la imagen ya no se comprimirá tan pequeña. Pero todavía busqué el archivo de configuración. Después de cambiarlo, efectivamente ya no tiene este problema.

En la foto de arriba. Esta es la ubicación del archivo de configuración, ábralo y edítelo

Elimine //

antes de compressSide:1 y configúrelo en 1

y luego cambie usted mismo la relación de compresión. maxImageSideLength

Lo que estoy usando aquí es 700px

Significa que el ancho máximo de la imagen cargada es 700px. 700 px, es decir, el ancho máximo de la imagen cargada es 700 px. Si el ancho es mayor que 700, se escalará a 700 px.

Y nuestro diseño original solo tenía maxImageSideLength: 900; y el valor predeterminado de compressSide es 0.

Es decir, si la imagen se basa en el lado más largo.

Ejemplo: la imagen cargada tiene 9000 px de largo y 900 px de ancho. Escalará la altura de 9000 a 900, etc., mientras que el ancho escalará naturalmente a 90, ¡por lo que habrá problemas de distorsión de la imagen!

Nota

Descárguelo desde la dirección indicada anteriormente.

Se deben configurar maxImageSideLength y compressSide; usar los valores predeterminados es básicamente problemático.