fastadmin引用百度Ueditor编辑器

最新推荐文章于 2024-07-30 10:59:00 发布

原创

最新推荐文章于 2024-07-30 10:59:00 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#百度 #编辑器 #javascript

本文介绍了如何在页面中集成百度ueditor富文本编辑器，包括SDK安装、配置、代码接入，以及解决多图上传跨域问题的详细步骤，涉及JSON配置、服务器端接口和前端JS调用。

1 下载百度ueditorSDK

2 将安装包放到public/assets/addons/ueditor 下面

在这里插入图片描述

3 在edit.html加入如下代码

     <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
            <div class="col-xs-12 col-sm-8">
             <textarea id="c-content" data-rule="required"  rows="5" name="row[content]" cols="50">{$row.content|htmlentities}</textarea>

            </div>
        </div>

4 在edit.html加入如下代码

<script src="/assets/addons/ueditor/ueditor.config.js"></script>
<script src="/assets/addons/ueditor/ueditor.all.js"></script>

5 在你的js文件里加入如下代码

   add: function () {
   
   
            UE.getEditor("c-content");
            Controller.api.bindevent();
        },
        edit: function () {
   
   
            UE.getEditor("c-content");
            require(['ZeroClipboard'], function (ZeroClipboard) {
   
   
                window['ZeroClipboard'] = ZeroClipboard;
            });
            Controller.api.bindevent();

        },