多语言展示
当前在线:1657今日阅读:176今日分享:34

如何用kindEditor实现在线编辑器功能

开发网站的时候,我们会遇到在线编辑器的功能,那么如何实现呢?下面小编给大家分享一下如何用kindeEditor实现在线编辑器的功能。
工具/原料

Sublime Text

方法/步骤
1

首先要去下载kindeditor的插件包,解压以后,你会看到如下图所示的目录,主要用红框内的脚本文件

2

然后打开sublime  text软件,在其中我们导入kindeditor的脚本文件,如下图所示

3

接下来在body中编写如下图所示的表单区域,注意要给textarea一个id,如下图所示

4

然后我们在样式声明区域给textarea声明宽高,如下图所示

5

接下来我们直接在script标签内通过KindEditor对象进行编辑器的初始化,如下图所示

6

接下来我们运行程序以后,你就会在界面中看到如下图所示的在线编辑器样式,这是插件的默认样式

7

综上所述,运用kindEditor实现编辑器功能其实很简单,主要是用声明一个textarea即可。

推荐信息