KindEditor的使用

来源：互联网发布：申请淘宝api接口流程编辑：程序博客网时间：2024/05/17 00:12

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

0 0