UEditor编辑器使用

前台HTML代码:

<div class="control-group" id="title-control-group">
<label class="control-label"><?=_('订单内容')?></label>
<div class="controls">
<textarea name="content" id="content"></textarea>
</div>
</div>
<script type="text/javascript" charset="utf-8" src="/theme/<?=T_D?>/assets/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/theme/<?=T_D?>/assets/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/theme/<?=T_D?>/assets/ueditor/lang/en/en.js"></script>

JS初始化代码:

$(document).ready(function () {
    // 自定义的编辑器配置项,此处定义的配置项将覆盖editor_config.js中的同名配置
    var editorOption = {
        //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
         //关闭elementPath
         elementPathEnabled: false
    };
    var editor_a = new baidu.editor.ui.Editor(editorOption);
    editor_a.render('content');
});

实现效果:

image

原文地址:https://www.cnblogs.com/zhaobijin/p/5801062.html