☀️金华晴10~21℃北京 11/2℃上海 19/9℃广州 26/16℃深圳 25/18℃杭州 20/10℃成都 18/12℃全国天气 »登录
0% 预计阅读 2 分钟 · 593 字

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

李洋博客 25 次阅读 资讯

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

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

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

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

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

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

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

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

当前文章地址:http://songcaihui.cn/look/quick/29396.htm

↑