KindEditor编辑器使用

KindEditor编辑器简单功能介绍

By admin 2014年5月4日 PHP No Comments

2525

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，
兼容IE、Firefox、Chrome、 Safari、Opera等浏览器。
KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，

兼容IE、Firefox、Chrome、 Safari、Opera等浏览器。

KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>

<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="kindeditor-min.js"></script>
<!--编辑器代码开始-->
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]');
});

$('#click').live('click',function(){
// 取得HTML内容
html = editor.html();
// 同步数据后可以直接取得textarea的value
editor.sync();
alert($('#msg').val())
})

</script>
<!--编辑器代码结束-->
</head>
<body>
<textarea  cols="90" name="content" id="msg" rows="20"></textarea>
<input type="button" name="" id="click" value="按钮"/>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

var editor;

KindEditor.ready(function(K) {

editor = K.create('textarea[name="content"]');

});

$('#click').live('click',function(){

// 取得HTML内容

html = editor.html();

// 同步数据后可以直接取得textarea的value

editor.sync();

alert($('#msg').val())

})

</script>

</head>

<body>

</body>

</html>

百度网盘下载:http:/…

phper `blog

一个phper技术分享博客，发表自己最新的开发心得，关注最新的IT技术

KindEditor编辑器简单功能介绍