百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性

编程之家收集整理的这篇文章主要介绍了百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性》要点:
本文介绍了百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性,希望对您有用。如果有疑问,可以联系我们。

相关主题JS、Jquery插件 / ueditor在线编辑器

百度的Ueditor在线编辑器在上传图片后,所插入的img标签中,title、alt属性设置的值通常都是图片名,如20170116112233231.jpg,从SEO来说,这个很不好。比如:

百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性1


其中的title是服务器上的新名字,这取决于PHP服务端传回的JSON中的title属性。而alt属性是这个图片在本地电脑上的名字。也没有太大意义,但是对于SEO来说,alt的作用比title大,然而如果2个标签都要,可能会让搜索引擎认为是恶意堆积关键字。因此,最好的方法是保留alt,而去掉title。

如果要改变服务端PHP返回值,就需要先获取这个文章标题 ,这实现上有点麻烦,我们在UE的源码上直接清空这2个属性的值,注意,title不能取消,因为取消后又会加上"上传中"字样,如图:

百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性2


最终,我们把UE源代码改成这样:

百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性3


对于ueditor.all.min.js,则搜索 "imageUrlPrefix",然后在找到处后面查找如图的内容,注意找到imageUrlPrefix后那一行有反白,认真比对,不要搞错了。

百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性4


清空alt和title的目的是为下一步替换准备的,后续的替换就不需要去改UE源码了。


我们分开讲如何去掉它,以及如何修改title和alt内容。推荐使用独立的 js函数 放在页面前端处理。方法其实很简单,就是鼠标离开编辑器后触发该函数处理。稍后我会发表在编程之家网站上,大家到时可以看一下。



附:

下面两种方式可以了解一下。但其实都不推荐。因为一个好的方法最好不要去影响原代码,因为会造成前端HTML和UE插件以及PHP端的耦合越来越紧,后期修改非常麻烦,只要不影响耦合,一定要做到前端和UE离了谁都可以无关,比如随时把UE换成UM也可以,因为没有什么耦合度。

那么就可以改源代码


1、修改UE的服务端接口文件中的返回值。

经常使用多图片上传,但是上传后的图片,保存的时候,图片title会自动加上,但是会默认显示 标题名称修改alt的时候,还要一个一个修改标题,不方便 ,所有删除

找到文件:ueditor/PHP/Uploader.class.PHP

其中返回值  "title" => 'xxxx',你输出内容,将会插到ueditor中。因此,要么去掉,要么换成你的文章标题


2、改源代码方式:

可通过修改ueditor.all.js文件中这几个属性的赋值内容

操作如下图所示:

百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性1


总结

以上是编程之家为你收集整理的百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性全部内容,希望文章能够帮你解决百度ueditor编辑器上传图片后如何设置img标签里的src、title、alt属性所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478

猜你在找的jQuery相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势,有相当一部分
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给jQuery.fn加入​​新的功能属性,此处添加的对象属性的名称就是你插件的名称: 为了避
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: html结构代码: css样式: 引入的js 调用的一般形式: 实现的效果如图:
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。 AMD 模块格
jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践。 根据《jQuery高级编程》的描述,
记得去年做某个项目的时候,用到了邮箱输入自动提示功能,于是网上搜了一下,发现了这个写得不错,现在回想起来,转载一下,方便查阅。 邮箱的广泛使用得益于它的免费,因此很多网站在注册的时候都会直接使用邮箱作
在网页应用中,一般会用到上传文件或者图片什么的到服务器,那么可以用ajaxfileupload.js,但是在使用ajaxfileupload.js时候,当服务器返回的json带有&符号的时候,
首先先搭写一个基本的格式: 然后用自调用匿名函数包裹你的代码,将系统变量以变量形式传递到插件内部,如下: 那么接下来我们就在里面实现点击文章图片弹出该图片并放大的效果。 整体代码如下: 参考地址:ht
元素属性和Dom属性简介 对于下面这样一个标签元素: 我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也
实现思路 1.在一定的频率下在页面中生成一定数目的雪花从上往下飘落; 2.在指定的时间内飘落后移除页面; 3.可设置雪花的大小,在一定范围内随机雪花大小; 4.什么时间后清除生成雪花,停止函数。 js