Cómo utilizar Baidu Editor para escribir texto de carga

UEditor es un editor gratuito y de código abierto. Es un editor web de texto enriquecido WYSIWYG desarrollado por el departamento de I+D de front-end web de Baidu. Es ligero, personalizable y centrado en la experiencia del usuario. Es de código abierto y permite. Libertad de uso y modificación del código. net: El archivo de fondo que participa en las operaciones del lado del servidor. Este será diferente dependiendo de la versión de fondo que elija. Debe ser jsp, php, .net. net

Terceros: complementos de terceros (incluido resaltado de código, edición de código fuente y otros componentes)

editor_all.js: empaqueta todos los archivos en el directorio _src

editor_all_min.js: una versión comprimida del archivo editor_all.js, se recomienda utilizarlo solo durante la implementación formal

editor_config.js: archivo de configuración del editor, se recomienda colocarlo en el mismo directorio que la página de creación de instancias del editor

Paso 1: cree un directorio en cualquier carpeta del proyecto para almacenar recursos y archivos relacionados con UEditor. En este ejemplo, créelo en el directorio raíz del proyecto y. asígnele el nombre ueditor (su nombre preferido).

Paso 2: Copie el cuadro de diálogo, el tema, el tercero, editor_all.js y editor_config.js del paquete de código fuente a la carpeta ueditor. Excepto el directorio ueditor, el resto de los archivos son archivos específicos del proyecto y se enumeran aquí solo como referencia.

Paso 3: Para simplificar, la página index.php en el directorio raíz se utilizará como página de creación de instancias del editor para mostrar el efecto de la versión completa de UEditor. En el archivo index.php, primero importe los tres archivos de entrada requeridos por el editor.

lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"gt;

lt;titlegt;Ejemplo de editor de versión completa lt ;/titlegt;

lt; tipo de script="text/javascript" src="ueditor/editor_config.js"gt; lt;/scriptgt;

lt; text/javascript" src="ueditor/editor_all.js"gt;lt;/scriptgt;

Paso 4: Luego cree la instancia del editor y su contenedor DOM en el archivo index.php. Los ejemplos de código específicos son los siguientes

lt; textarea name="background key" id="myEditor"gt; Escribe el contenido de inicialización aquílt;/textareagt;

lt; text/javascript"gt;

var editor = new UE.ui.Editor();

editor.render("myEditor");

Después de 1.2.4, puede crear una instancia del editor.

Después de 2.4, puedes crear una instancia del editor usando el siguiente código

//UE.getEditor('myEditor')

lt;/scriptgt;

Paso final: Busque la variable URL en /UETest/ueditor/editor_config.js para configurar el editor en su proyecto

¡Se ha implementado una instancia de editor completa en nuestro proyecto! Escribe http://localhost/UETest en tu navegador y ejecútalo para experimentar el poder de UE