HTML5内嵌文本编辑器(H5文本编辑器|HTML5内嵌文本编辑器(H5文本编辑器俗称手机版网站专用) HTML5内嵌文本编辑器(H5文本编辑

1.这个编辑器用的是KindEditor
【HTML5内嵌文本编辑器(H5文本编辑器|HTML5内嵌文本编辑器(H5文本编辑器俗称手机版网站专用)】先看下效果：

文章图片

2.准备：
a)：从官网下载KindEditor———>http://kindeditor.net/down.php
b)：解压到桌面测试文件夹下的plugin文件夹下（解压到其他地方也可以）
c)：在测试文件夹中新建一个测试html文件，总体结构如下图：

文章图片

3.编辑textJavaScript.html文件：

文章图片

测试JavaScript的DOM操作 - 锐客网//注意下面引入js文件时，src的路径要正确

文章图片

4.在这里有一个普遍的问题就是不知道怎么获取textarea文本域中的数据，百度一大堆，大都说可以直接var text = document.getElementById("xxx").value; 或者var $text....
或者还可以用JQuery直接document.getElementById("xxx").val(); 来获取值，但是很多人都说获取不了
所以在这里，用来kindeditor之后通过全局变量editor可以有editor.html()来获取文本域里的数据