Integrate ueditor tools and ueditor

Integrate ueditor tools and ueditor

Abstract: Copyright Disclaimer: This article is an original article of the blogger and cannot be reproduced without the consent of the blogger.

UEditor is an open-source online HTML editor of Baidu.

Step 1: Go to the official website to see the documentation, learn how to use this tool and download, I download is 1.4.3.3ASP, UTF-8 version

Step 2: add the extracted file to the project.

This section describes several important files: config. json is a configuration file, such as the file upload address, access address, upload size, file format, and so on. you can modify the file here, controller. ashx: This is the file for processing the front-end request. There is also a ueditor. config. js file. This is the complete configuration item. You can configure the features of the entire editor here.

If you need to upload images to a remote server, the UploadHandler. cs file overwrites Process (), mainly to return an image path to Result. Url after uploading images.

The last is the front-end. Reference js. Pay attention to the sequence.

The second step is to initialize the Ueditor window <div id = "Ueditor"> <script id = "container" name = "content" type = "text/plain"> write your initialization content here </script> </div>

<Script type = "text/javascript">

Var editor = UE. getEditor ('Container ',{
InitialFrameHeight: 500, // The height of the edit box.
InitialFrameWidth: null // The width of the edit box.
})

</Script>