一、kindeditor使用
1.kindeditor库引用
<link rel="stylesheet" href="${base!}/res/js/kindeditor/themes/default/default.css">
<script type="text/javascript" src="${base!}/res/js/kindeditor/kindeditor-min.js"></script>
<script type="text/javascript" src="${base!}/res/js/kindeditor/lang/zh_CN.js"></script>
2.调用kindeditor
var editor;
KindEditor.ready(function(K){
window.editor = K.create('#editor_id');
});
var options = {
cssPath : '${base!}/res/kindeditor/plugins/code/prettify.css',
filterMode : true
};
var editor = K.create('textarea[name="content"]',options);
3.显示界面
<textarea id="editor_id" name="content" style="width:1278px;height:592px;">
kindeditor显示
</textarea>
4.获取HTML值
editor.sync();//同步数据才能获取值
var htmlData = $("#editor_id").val();
![](https://img-blog.csdn.net/20161006175136600?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
二、ckeditor使用
1.ckeditor库引用
<script type="text/javascript" src="${base!}/res/js/ckeditor/ckeditor.js"></script>
2.显示数据
<form id="example" name="example" method="post">
<div class="kind_editor">
<textarea id="editor_id" name="financial.bz">
显示editor
</textarea>
<script type="text/javascript">CKEDITOR.replace('financial.bz');</script>
</div>
</form>
3.获取HTML值
var htmlData = CKEDITOR.instances['editor_id'].getData();
![](https://img-blog.csdn.net/20161006175215100?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)