开发网站的时候,我们会遇到在线编辑器的功能,那么如何实现呢?下面小编给大家分享一下如何用kindeEditor实现在线编辑器的功能。
工具/原料
Sublime Text
方法/步骤
1
首先要去下载kindeditor的插件包,解压以后,你会看到如下图所示的目录,主要用红框内的脚本文件
2
然后打开sublime text软件,在其中我们导入kindeditor的脚本文件,如下图所示
3
接下来在body中编写如下图所示的表单区域,注意要给textarea一个id,如下图所示
4
然后我们在样式声明区域给textarea声明宽高,如下图所示
5
接下来我们直接在script标签内通过KindEditor对象进行编辑器的初始化,如下图所示
6
接下来我们运行程序以后,你就会在界面中看到如下图所示的在线编辑器样式,这是插件的默认样式
7
综上所述,运用kindEditor实现编辑器功能其实很简单,主要是用声明一个textarea即可。
上一篇:拾柒在线编辑工具怎么使用?
下一篇:135编辑器使用方法