UEditor富文本web编辑器-UTF-8开发版 立即下载

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码

配置

<script type="text/javascript">

//全局配置编辑器跟目录路径，可以是本地地址或网络地址
window.UEDITOR_HOME_URL = 'public/js/ueditor/';

auxui.config({

    //映射路径
    paths: {

        //模块名 ： 模块文件路径，不带文件后缀js
        "ueditor": window.UEDITOR_HOME_URL + "ueditor.all.min"
    },

    shim: {

        'ueditor' : {

            //依赖的模块，可以使用模块名或文件路径
            deps : [

                //jquery库
                'jquery', 

                //编辑器配置文件，不带文件后缀js
                window.UEDITOR_HOME_URL + 'ueditor.config'

            ],

            

            init : function(){

                //根据需求配置编辑器参数
                window.UEDITOR_CONFIG = $.extend(UEDITOR_CONFIG, {
                    //参数 : 值
                    serverUrl : window.UEDITOR_HOME_URL + 'php/controller.php'
                    //.....
                });

                //当前模块不支持AMD定义处理
                require([window.UEDITOR_HOME_URL + 'third-party/zeroclipboard/ZeroClipboard'], function(ZeroClipboard){
                    window['ZeroClipboard'] = ZeroClipboard;
                });

                //加载编辑器语言zh-cn
                require([window.UEDITOR_HOME_URL + 'lang/zh-cn/zh-cn']);

            },

            exports: 'UE'

        }

    }

});

</script>

调用

<!-- html -->

<div id="'editor'" style="'width:600px;height:400px;'">&nbsp;</div>
<!-- js --><script type="text/javascript">
//使用方法
auxui([&#x27;ueditor&#x27;], function(ueditor){

    //实例化编辑器
    var ue = UE.getEditor(&#x27;editor&#x27;);

    //插入数据
    $(&#x27;.btn-info&#x27;).click(function(event) {
        ue.setContent(&#x27;欢迎使用ueditor&#x27;);
    });


});
</script>