KindEditor的使用

一、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();

二、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();