Baidu editor and Baidu Editor

Baidu editor and Baidu Editor

1. Download the ue UTF-8 version ueditor1_3_6-utf8-jsp

2. The decompressed file directory structure is as follows:

3. Directory and file description

Dialogs: Resources and JS files corresponding to the pop-up dialog box

Lang: An International File displayed by the editor.

Php, jsp, or net: background file involving server operations

Themes: style pictures and style files

Third-party: third-party plug-ins (including code highlighting, source code editing, and other components)

Ueditor. all. js: the result of code merging for the development edition. The package files of all files under the Directory

Ueditor. all. min. js: compression version of The ueditor. all. js file. We recommend that you use

Ueditor. config. js: the configuration file of the editor. We recommend that you place the configuration file in the same directory as the editor instantiation page.

Ueditor. parse. js: the edited content displays page references, and automatically loads the table, list, code highlighting, and other styles.

Ueditor. all. min. js: compression version of The ueditor. parse. js file. We recommend that you use

4. Create a folder in the project to put the decompressed file.

5. Create the test page. On the page head, reference the ueditor file, configuration file, and Language Pack file. Insert the following code to modify the path of the referenced path file.

<! -- Ue configuration file -->

<Script type = "text/javascript" src = "js/ueditor1.3.6/ueditor. config. js"> </script>

<! -- Editor source code file -->

<Script type = "text/javascript" src = "js/ueditor1.3.6/ueditor. all. js"> </script>

<! -- Language Pack file (it is recommended to manually load the Language Pack to avoid loading the editor failed due to language loading failure in ie) -->

<Script type = "text/javascript" src = "js/ueditor1.3.6/lang/zh-cn/zh-cn.js"> </script>

6. Set the editor content and the instance editor code in the body.

<! -- The initialization ue content must be written in the body -->

<Script id = "container" name = "content" type = "text/plain">

Hello ueditor

</Script>

<! -- Instantiate the editor -->

<Script type = "text/javascript">

Var editor = UE. getEditor ('Container ')

</Script>

7. If you see the following Editor, it indicates that the deployment is successful.

8. Below are some configuration items for uploading attachments and images. First put the commons-fileupload-1.2.2.jar under the jsp folder, ueditor. jar put under the web-inf/lib folder, and introduce to Referenced Libraries.

9. Create a ueditor package under the src project and put the Uploader. java file into the ueditor package.

10. Description

The savePath folder in Config. properties is the folder used to store images and can be modified manually.

The savePath path in the Java program stores the content of uploaded attachments.

Please give me your comments if you have any mistakes. Thank you.

If any reprinted, please indicate the source to respect originality!