• 技术文章 >web前端 >js教程

    富文本编辑器的介绍

    一个新手一个新手2017-09-23 09:45:41原创256


    富文本编辑器

    引入富文本编辑器

    <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>

    初始化 kindeditor 编辑器

    <script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
    
        editor = K.create('textarea[name="content"]', {
        allowFileManager : true
    
        });
    });
    </script>

    获取在controller.js 中获取文本编辑器内容

    $scope.entity.goodsDesc.introduction=editor.html();

    清空文本编辑器

    function(response){
    
        if(response.success){
            alert("保存成功");
            $scope.entity={};
            editor.html('');//清空富文本编辑器
            }else{
            alert(response.message);
         }
    }

    引用编辑器

       <textarea  name="content" style="width:800px;height:400px;visibility:hidden;" ></textarea>

    效果图

    这里写图片描述

    以上就是富文本编辑器的介绍的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:编辑器 介绍 文本
    上一篇:如何解决关于thinkphp模型中hasOne中字段同名的问题 下一篇:Backbone路由如何添加类似vue-router导航钩子

    相关文章推荐

    • 每天一个JS 小demo之树菜单。主要知识点:DOM方法综合运用,递归运用• [翻译]怎么写一个React组件库(二)• pms前端结构• jQuery效果 - 简单的手风琴效果• 每天一个JS 小demo之通过事件委托实现菜单展开及选中特效。主要知识点:事件

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网