kindeditor


kindeditor

文章插图
如何修改 , 获取kindeditor内容 , 急:
kindeditor

文章插图
相关范例链接:http://kindeditor.net/ke4/examples/default.html
注: 3.5版本开始支持editor.html() , 旧版本使用别的函数
建议使用最新版本

<!doctypehtml>
<html>
<head>
<metacharset="utf-8"/>
<title>DefaultExamples</title>
<style>
form
{
margin:0;
}
textarea
{
display:block;
}
</style>
<linkrel="stylesheet"href=https://minzuwang.com/read/"http://kindeditor.net/ke4/themes/default/default.css"/>
<scriptcharset="utf-8"src=https://minzuwang.com/read/"http://kindeditor.net/ke4/kindeditor-min.js">
<scriptcharset="utf-8"src=https://minzuwang.com/read/"http://kindeditor.net/ke4/lang/zh_CN.js">
<script>
vareditor;
KindEditor.ready(function(K){
editor=K.create('textarea[name="content"]',{
allowFileManager:true
});
K('input[name=getHtml]').click(function(e){
alert(editor.html());
});
K('input[name=getText]').click(function(e){
alert(editor.text());
});
K('input[name=setHtml]').click(function(e){
//设置HTML
editor.html('<p>HelloKindEditor</p>');
});
K('input[name=setText]').click(function(e){
//设置文本
editor.text('<p>HelloKindEditor</p>');
});
});
</script>
</head>
<body>
<p>
默认模式</p>
<form>
<textareaname="content"style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>
<p>
<inputtype="button"name="getHtml"value=https://minzuwang.com/read/"取得HTML"/>
<inputtype="button"name="getText"value=https://minzuwang.com/read/"取得文本(包含img,embed)"/>
<br/>
<inputtype="button"name="setHtml"value=https://minzuwang.com/read/"设置HTML"/>
<inputtype="button"name="setText"value=https://minzuwang.com/read/"设置文本"/>
</p>
</form>
</body>
</html>

KE.html(id)
取得编辑器的HTML内容 。
参数:
id:String , 编辑器的ID
返回值:
String , HTML字符串
注: 3.5版本开始支持 , 旧版本可以使用KE.util.getData(id)

KE.html(id, val)
设置编辑器的HTML内容 。
参数
id:String , 编辑器的ID
val: String , HTML字符串
返回值:无
注: 3.5版本开始支持 , 旧版本可以使用KE.util.setFullHtml(id, val) 。
KE.text(id)
取得编辑器的纯文本内容 。
参数:
id:String , 编辑器的ID
返回值:
String , 去除HTML代码后的文本
注: 3.5版本开始支持 。
KE.text(id, val)
设置编辑器的内容 , 直接显示HTML代码 。
参数:
id:String , 编辑器的ID
val: String , 文本
返回值:无
注: 3.5版本开始支持 。
如何升级kindeditor 4.1.10:
kindeditor

文章插图
可以直接在网络中下载4.1.10版的直接替换安装的 , 这样就可以实现快速升级了 。这里有相关kindeditor教程http://www.zhuantilan.com/zt/KindEditor/
kindeditor 怎么获取内容:
kindeditor

文章插图
【kindeditor】给你个完整的例子
<html>
<head>
<linkrel="stylesheet"href=https://minzuwang.com/read/"kindeditor/themes/default/default.css"/>
<scriptcharset="utf-8"src=https://minzuwang.com/read/"kindeditor/kindeditor-min.js">
<scriptcharset="utf-8"src=https://minzuwang.com/read/"kindeditor/lang/zh_CN.js">
<jsp:includepage="top.jsp"flush="true"/>
<scriptlanguage="JavaScript"type="text/javascript">
vareditor;
KindEditor.ready(function(K){
editor=K.create('textarea[name="content"]',{
resizeType:1,
allowPreviewEmoticons:false,
items:[
'undo','redo','|','formatblock','fontname','fontsize','|','forecolor','hilitecolor','bold','italic','underline','strikethrough','removeformat','|','justifyleft','justifycenter','justifyright','insertorderedlist','insertunorderedlist','insertorderedlist','insertunorderedlist','|','emoticons','image','link','table','hr','preview'],

推荐阅读