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

1.这个编辑器用的是KindEditor

  先看下效果:

HTML5内嵌文本编辑器(H5文本编辑器 俗称手机版网站专用)_第1张图片

2.准备:

  a):从官网下载KindEditor———>http://kindeditor.net/down.php

  b):解压到桌面测试文件夹下的plugin文件夹下(解压到其他地方也可以)

  c):在测试文件夹中新建一个测试html文件,总体结构如下图:

HTML5内嵌文本编辑器(H5文本编辑器 俗称手机版网站专用)_第2张图片

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()来获取文本域里的数据

你可能感兴趣的:(HTML5内嵌文本编辑器(H5文本编辑器 俗称手机版网站专用))