富文本编辑器的使用

最新推荐文章于 2024-07-19 16:22:14 发布

Java_攻城狮

最新推荐文章于 2024-07-19 16:22:14 发布

阅读量872

点赞数 1

分类专栏： Web 前端文章标签： Java 文本编辑 web

本文链接：https://blog.csdn.net/u014266877/article/details/56485303

版权

Web 同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

前端

16 篇文章 0 订阅

订阅专栏

压缩包下载

1、设置编辑器默认大小：

var body = UE.getEditor('body', {
	initialFrameWidth: 700,
	initialFrameHeight: 400
});

2、设置编辑器图片、视频上传路径：

//自定义上传路径
UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl = function(action) {
    if (action == 'uploadimage' || action == 'uploadscrawl' || action == 'uploadimage') {
        return '<%=path%>/uploadImage/imgUpload';// controller 中的上传接口
    } else if (action == 'uploadvideo') {
        return this._bkGetActionUrl.call(this, action);//uploadImage/videoUpload';
    } else {
        return this._bkGetActionUrl.call(this, action);
    }
}

3、在编辑器使用过程要导入如下包，不导不能上传：

video-js.min.css、 video-js.css 、ueditor.parse.min.js、ueditor.parse.js、ueditor.all.js

4、配置文件，设置上传地址：

config.json 改里面的路径即可。

5、清空编辑器内容：

UE.getEditor('ID').setContent("");

6、获取编辑器内容：

UE.getEditor('ID').getContent();

要详细的介绍，烦请参考官方文挡。