富文本编辑器

常用的富文本编辑器

  1. KindEditor http://kindeditor.net/;
  2. UEditor http://ueditor.baidu.com/website/;
  3. CKEditor http://ckeditor.com/;

KindEditor 使用

  1. 引入js和css
   <link rel="stylesheet" href="../plugins/kindeditor/themes/default/default.css" />
   <script charset="utf-8" src="../plugins/kindeditor/kindeditor-min.js"></script>
   <script charset="utf-8" src="../plugins/kindeditor/lang/zh_CN.js"></script>
  1. 初始化kindeditor
   <div class="col-md-10 data editer">
       <textarea name="content" style="width:800px;height:400px;visibility:hidden;" ></textarea>
   </div>
   
   <script type="text/javascript">
      var editor;
      KindEditor.ready(function(K) {
         editor = K.create('textarea[name="content"]', {
            allowFileManager : true
         });
      });
   </script>
  1. 提取/清空富文本内容
   vaule=editor.html();//提取
   editor.html("”);//清空
发布了6 篇原创文章 · 获赞 1 · 访问量 3251
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览