Ueditor编辑器中的链接如何加上nofollow属性

大超

大家都知道链接a有个rel属性,而rel属性的其中一个值“nofollow”对页面权重有一定的影响。但是Ueditor的链接里面不具备这个功能,怎么给Ueditor的链接添加“nofollow”呢?我们一起实践一下吧。

先看一下效果:

QQ截图20210718170706.jpg

修改后:

QQ截图20210718225400.jpg

rel属性有哪些?

描述
alternate文档的可选版本(例如打印页、翻译页或镜像)。
stylesheet文档的外部样式表。
start集合中的第一个文档。
next集合中的下一个文档。
prev集合中的前一个文档。
contents文档目录。
index文档索引。
glossary文档中所用字词的术语表或解释。
copyright包含版权信息的文档。
chapter文档的章。
section文档的节。
subsection文档的子段。
appendix文档附录。
help帮助文档。
bookmark相关文档。
nofollowGoogle 使用 "nofollow",用于指定 Google 搜索引擎不要跟踪链接。
licence
tag
friend

如何在Ueditor里增加nofollow属性?

第一步:修改ueditor.config.js

因为这个文件里面有html的白名单,如果你把rel属性加进去,那么你怎么搞都不行的。打开这个文件,然后搜索“whitList”,找到它下面第二行的a所对应的属性,在后面加上“rel”属性:

QQ截图20210718225309.jpg

第二步:修改zh-cn.js

文件位置:ueditor\lang\zh-cn

QQ截图20210718170548.jpg

第三步:修改link.html

文件位置:ueditor\dialogs\link

首先在target的下面加一个nofollow的多选框,具体操作就是复制上面的内容,然后一改就行了。

QQ截图20210718230000.jpg

接着往下走,添加两处代码,如下图所示:

QQ截图20210718230321.jpg

最后,清理一下浏览器缓存,大功告成!有问题请在微信公众号“大超小志”联系我。

有问题可在下方评论留言,或关注“大超小志”微信公众号留言。

标签: Ueditor nofollow

留言评论

如需留言或评论,请在微信中打开此页面。