Cómo utilizar el editor Ueditor en jsp
1. Primero, descargue Ueditor del sitio web oficial y seleccione la versión UTF-8.
2. En el proyecto importado, cree una nueva carpeta Ueditor, descomprímala y coloque todo en ella.
3. Cree una nueva página JSP, haga referencia al archivo Ueditor JS en la página y ajuste la ruta usted mismo.
lt;! --Archivo de configuración--gt;
lt;script type="text/javascript" src="ueditor/ueditor.config.js"gt;lt;/scriptgt;
lt;!--Archivo fuente del editor--gt;
lt;script type="text/javascript" src="ueditor/ueditor.all.js"gt;lt;/scriptgt;
p>4. Cree una nueva marca de área de texto en la página. Como se muestra a continuación:
lt; textarea id="contenedor" nombre="contenedor"
style="ancho: 800px; alto: 400px; margen: 0 auto;"gt;
lt;/textarea gt;
5. Cree una instancia del editor. Aquí se utiliza otro método, que consiste en reemplazar textarea con el editor Ueditor
lt;! -- Crear instancias del editor--gt;
lt; script type="text/javascript"gt
var ue = UE.getEditor("container");
p>
lt;/scriptgt;
En este punto, la configuración básica está completa.
Obtener los datos en segundo plano, dentro del fondo:
String word_content = request.getParameter("container"); Obtener la fila con name="container" en la página
Si usa el marco SSH, es aún más simple, por lo que no entraré en detalles.
Obtenga datos de la base de datos, utilice declaraciones de consulta para consultar los campos correspondientes y luego cárguelos en la página. No pienses demasiado.
En segundo lugar, quiero informarle sobre el problema de la carga de imágenes:
Cuando puede ejecutar la página del editor, se implementa la función de carga de imágenes. No se requiere ninguna configuración adicional de su parte.
El directorio de carga de imágenes predeterminado es:
El directorio de imágenes en WebContent Las imágenes cargadas están en el servidor y no en el proyecto. Debes ir a tu espacio de trabajo para encontrarlas. I El espacio de trabajo es E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps. Puede buscar en este directorio.
Nuevamente, puedes cambiar el directorio de carga de imágenes. Ábrelo como se muestra en la imagen:
Ábrelo como se muestra en la imagen:
Esta es la configuración del archivo de carga de imágenes, donde puedes cambiar la ruta del archivo a ser cargado.