⛅湖州多云12~19℃北京 16/7℃上海 24/16℃广州 31/22℃深圳 31/21℃杭州 22/15℃成都 21/13℃全国天气 »登录
海量收录内容 16内容分类

Zblog博客利用UE编辑器实现独立图片上传组件(来源可风)

来源www.itlaoli.com 作者李洋博客 时间2021-04-28 10:38 篇幅545 字 · 约 2 分钟

之前总有人反馈说主题设置的图片上传功能无法使用,不想就知道肯定是把UE编辑器关闭了,当初使用UE自带编辑器弄的图片上传功能是挺好用,但是后期开发者大佬们又上架了许多其他编辑器 插件 ,并不弱于UE编辑器,所以一部分人可能关闭了UE启用了其他编辑器,这就导致主题图片上传功能会失效,前些天利用可风大佬的代码,实现了独立上传图片的功能,今天逛博客发现可风又一款图片上传代码,利用UE编辑器的接口,来实现免后端开发的的图片上传功能,只需要调用一个js就可以完成。

大佬就是大佬哈,不废话,搬砖开始:

编辑主题include.php文件,在应用配置页面,引入上面的js,在需要上传图片的地方,使用下面的代码:

其中主要就是三个元素,文本框(ue-image-url)、上传按钮(ue-image-upload)、图片(ue-image),这三个得是同级元素,否则需要修改js代码。

点击上传按钮后会自动弹出UE编辑器的上传图片窗口,上传完成自动将图片的url填充到文本框中和应用到图片标签中。

手动输入图片的url,离开文本框焦点,自动显示图片,但是有一点需要注意,UE编辑器这个插件可以不启用,但是不能删除插件。

快速实现图片上传功能,不再依赖UE编辑器

修改网页自定义字体的CSS代码+图文教程

全文完
↑