UEditor UMeditor编辑器去掉图片本地上传

电脑杂谈  发布时间:2019-11-04 15:03:28  来源:网络整理

ueditor的图片搜索_ueditor 图片上传路径_ueditor图片上传配置

UEditor UMeditor编辑器都是百度的ueditor的图片搜索,UMeditor是UEditor的精简版,很多复杂的功能,我们也许用不到,所以,我自己选用的是UMeditor编辑器ueditor的图片搜索,

下面是以UMeditor编辑器为举例:

QQ截图20180321152221.jpg (21.22 KB, 下载次数: 336)

下载附件

2018-3-21 15:24 上传

我想去掉图片本地上传的功能,只保留添加网络截图的功能,找了半天,也没有找到可以借助js配置文件的方法解决,所以,自己就参考了阿里云的解决方法:

阿里云um编辑器图片上传的js文件链接:

ueditor图片上传配置_ueditor 图片上传路径_ueditor的图片搜索

QQ截图20180321152629.jpg (130.35 KB, 下载次数: 331)

下载附件

2018-3-21 15:26 上传

发现阿里云去掉本地图片上传的方法,就是给把div隐藏掉,然后,选项卡“网络截图”为激活状态,

修改完js代码如下:

tpl: "<link rel="stylesheet" type="text/css" href="<%=image_url%>image.css">" +

"<div class="edui-image-wrapper">" +

ueditor图片上传配置_ueditor 图片上传路径_ueditor的图片搜索

"<ul class="edui-tab-nav">" +

"<li class="edui-tab-item "><a data-context=".edui-image-local" class="edui-tab-text"><%=lang_tab_local%></a></li>" +

"<liclass="edui-tab-item edui-active"><a data-context=".edui-image-JimgSearch" class="edui-tab-text"><%=lang_tab_imgSearch%></a></li>" +

"</ul>" +

"<div class="edui-tab-content">" +

"<div class="edui-image-local edui-tab-pane">" +

"<div class="edui-image-content"></div>" +

"<div class="edui-image-mask"></div>" +

ueditor的图片搜索_ueditor 图片上传路径_ueditor图片上传配置

"<div class="edui-image-dragTip"><%=lang_input_dragTip%></div>" +

"</div>" +

"<div class="edui-image-JimgSearch edui-tab-pane edui-active">" +

"<div class="edui-image-searchBar">" +

"<table><tr><td><input class="edui-image-searchTxt" type="text"></td>" +

"<td><div class="edui-image-searchAdd"><%=lang_btn_add%></div></td></tr></table>" +

"</div>" +

"<div class="edui-image-searchRes"></div>" +

ueditor图片上传配置_ueditor 图片上传路径_ueditor的图片搜索

"</div>" +

"</div>" +

"</div>",

复制代码

效果如下:

QQ截图20180321152813.jpg (19.87 KB, 下载次数: 335)

下载附件

2018-3-21 15:28 上传


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/ruanjian/article-128814-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      热点图片
      拼命载入中...