正文 1747字数 186,963阅读

给你个完整的例子
<html> <head> <link rel="stylesheet" href="kindeditor/themes/default/default.css" /> <script charset="utf-8" src="kindeditor/kindeditor-min.js"></script> <script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script> <jsp:include page="top.jsp" flush="true"/> <script language="JavaScript" type="text/javascript"> var editor; 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'], }); }); function save(){ //取得HTML内容? //同步数据后可以直接取得textarea的value? editor.sync(); html=document.getElementById('addeditor_id').value;//原生API $("#schtmlnr").val(html);//把KindEditor产生的html代码放到schtmlnr里面，用于提交 } </head> <body> <form> <textarea id="addeditor_id" name="content" style="width:100%;height:200px;border: 0 none;visibility:hidden;"></textarea> <textarea rows="" cols="" name="schtmlnr" id="schtmlnr" style="display:none;"></textarea> <input type="button" value="提交" onclick="save()"/> <form> </body> </html>
Run code
Cut to clipboard