Cómo utilizar el editor de texto enriquecido ueditor

Método/Pasos

1

El primer paso es introducir el archivo fuente de UEditor y el archivo jquery para admitir el editor. Si ve el efecto en la Figura 2, significa que la implementación fue exitosa. A continuación, podemos configurar los parámetros del sitio de acuerdo con nuestras necesidades reales.

2

El segundo paso es obtener el contenido del texto ingresado por el editor y luego pasar el valor obtenido al procesamiento en segundo plano, que también se puede operar a través del formulario from.

3

Carga del archivo de configuración, carga de la imagen, ruta de carga de la captura de pantalla (tome jsp como ejemplo)

Primero configure ueditor.config.js para inicializar la instalación de ueditor Ruta, el nombre del proyecto representa la ruta del proyecto, la URL representa la ruta del ueditor configurado (se puede personalizar), la configuración detallada se puede ver en la imagen

4

Configuración

Después de configurar la ruta, podemos llamarlo. A continuación, debemos configurar la ruta del archivo cargado (jsp/config.json). El prefijo de ruta que debe configurarse es imageUrlPrefix para el acceso a la imagen.

, imagePathFormat /scrawlPathFormat

etc.*La ruta PathFormat se utiliza para representar la ruta del archivo cargado (nota: Windows y Linux tienen rutas diferentes), la configuración específica se muestra en la figura

5

Agregue el archivo del paquete jar que ueditor requiere en el proyecto y luego inicie el proyecto.

6

Una vez iniciado el proyecto, ingrese a la página y podremos probar el efecto. Puede copiar imágenes, cargar archivos, etc. para experimentar con los resultados de nuestra configuración. Si aparecen los siguientes resultados, significa que nuestra configuración fue exitosa. Hagámoslo simple.

/article/0320e2c1f68b751b87507be2.html