Most of the content of this article comes from Kindeditor official website, a backup made after the understanding of processing.
The editor uses Method 1. Download Editor
Download the latest version of Kindeditor, and open the examples/index.html to see the demo after downloading.
Download page: http://www.kindsoft.net/down.php
2. Deployment Editor
Unzip the Kindeditor-x.x.x.zip file and upload all the files to your Web application directory
Note
You can delete the following directories as required and upload them to the server.
- Asp-asp Program
- Asp.net-asp. NET Program
- php-php Program
- JSP-JSP Program
- Examples-Demo file
3. Modify the HTML page
- Add the TextArea input box where you want the editor to appear.
< textarea id name = "Content" style > < Strong> HTML content < /strong> </ textarea >
Noteid must be a unique value on the current page. The HTML content in the textarea can be achieved by editing, where it is important to note that if you are from a server-side program (ASP, PHP, ASP. NET, etc.), you must convert the HTML special characters (<,&, "). For details, please refer to the DEMO.XXX program under each language directory , currently support ASP, ASP, PHP, JSP. There may be problems with not setting the width and height on some browsers, so it's a good idea to set the width and height. The width and height are available inline style settings, and the parameter settings can be initialized using the editor.
- Add the following script to the HTML page.
<script charset= "Utf-8" src= "/editor/kindeditor.js" ></script><script charset= "Utf-8" src= "/editor/ Lang/zh_cn.js "></script><script> kindeditor.ready (function(K) { = k.create (' #editor_id '); }); </script>
4. Get HTML Data
Get HTML Content HTML = editor.html ();//Synchronize data can be obtained directly after TextArea Valueeditor.sync (); HTML = document.getElementById (' editor_id ' ). Value; Native apihtml = K (' #editor_id '). Val (); Kindeditor Node apihtml = $ (' #editor_id '). Val (); jquery//Set HTML content editor.html (' HTML content ');
5. Set up the example and use
Address: http://kindeditor.net/ke4/examples/default.html
6. Using the sample download
: Click I download
The HTML kindeditor Editor is used in ASP.