1.

 

下载

KindEditor 最新版本。

打开下载页面

2.

解压

zip 文件，将所有文件上传到您的网站程序目录下。例如：http://您的域

名

/editor/

3.

在需要显示编辑器的位置添加

TEXTAREA 输入框。

id 在当前页面必须是唯一的值，还有，在有些浏览器上不设宽度和高度可能显示有问
题，所以最好设一下宽度和高度。宽度和高度可用

inline 样式设置，也可用编辑器初

始化参数设置。
在

TEXTAREA 里设置 HTML 内容即可实现编辑，在这里需要注意的是，如果从服务器

端程序

(ASP、PHP、ASP.NET 等)直接显示内容，则必须转换 HTML 特殊字符(>,<,

&,")。具体例子请参考各语言目录下面的 demo.xxx 程序，目前支持
ASP、ASP.NET、PHP、JSP。

<

textarea

 

id

=

"editor_id"

 

name

=

"content" 

style

=

"width:700px;height:300px;"

>

&lt;strong&gt;HTML 内容

&lt;/strong&gt;

</

textarea

>

4.

在该

HTML

 

页面添加以下代码。

<

script

 

charset

=

"utf-8"

 

src

=

"/editor/kindeditor.js"

></

script

>

<

script

>

        KE

.

show

({

                id 

:

 

'editor_id'

        

});

</

script

>

注：

KE.show 的原理是先执行 KE.init 设置一些变量，等 DOM 全部创建以后才开始执

行

KE.create

 

创建编辑器。 如果浏览器不触发

DOMContentLoaded 事件（例如：

jQuery 的$.ready，点击某个按钮，通过 innerHTML 插入 HTML 等），则不能使用
KE.show，需要直接调用 KE.init 和 KE.create。

KE

.

init

({

        id 

:

 

'editor_id'

});

$

.

ready

(

function

()

 

{

        KE

.

create

(

'editor_id'

);

});

调用

KE.show 和 KE.init 时，除 id 之外还可以设置其它的参数，具体属性请参考

编辑

器初始化参数

 

。

调用

KE.show 或 KE.init

 

时可以设置以下参数。

1.

id
TEXTAREA 输入框的 ID，必须设置。
数据类型：

String