ueditorhtml显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...

《百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法》要点&＃xff1a;

本文介绍了百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法&＃xff0c;希望对您有用。如果有疑问&＃xff0c;可以联系我们。

这里是源码修改方法。

百度的Ueditor在线编辑器在上传图片后&＃xff0c;所插入的img标签中&＃xff0c;title、alt属性设置的值通常都是图片名&＃xff0c;如20170116112233231.jpg&＃xff0c;为了优化以增强SEO&＃xff0c;必须要处理。

但是为了不影响代码的独立性&＃xff0c;我使用了一个超简单的办法。就是加一个隐藏域ueditorTitle&＃xff0c;然后UE源代码中title赋值时就根据这个。

而ueditorTitle就长期跟随UE代码调用。编程之家的UE和UM编辑器调用&＃xff0c;都封装好了&＃xff0c;直接加入到对象中即可。

然后修改UE源码&＃xff0c;一次修改&＃xff0c;永久不动。

非压缩版改法&＃xff1a;

我们加了一个 var atitle &＃61; $(&＃39;#ueditorTitle&＃39;).val();

all.min.js压缩版加法&＃xff1a;

差不多541行处加&＃xff1a;at&＃61;$(&＃39;#ueditorTitle&＃39;).val(),

如图&＃xff1a;

然后&＃xff0c;在下一行 改成&＃xff1a;k.setAttribute("title",""),k.setAttribute("alt",at||""),去掉了title

如下图&＃xff1a;

现在就很简单了&＃xff0c;以后页面只要把文章标题的字段增加一个 blur()事件&＃xff0c;进行同步到ueditorTitle即可。这样上传的图片都会使用文章标题&＃xff0c;如图&＃xff1a;

总结

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

本图文内容来源于网友网络收集整理提供&＃xff0c;作为学习参考使用&＃xff0c;版权属于原作者。