chaihongjun.me

Ueditor编辑器超链接增加rel属性及外链跳转头部自动添加方法

  Ueditor默认的添加链接的编辑框选项是这么几项

QQ截图20160606132333.jpg

经过修改的是变成了这样:

QQ截图20160606132407.jpg

有两处变化。

1.链接地址多了之前设置好的外链跳转头部

2.多了一个增加nofollow属性的选项


首先来看看是如何实现第一条的:

  1. 打开ueditor目录再进入dialogs/link 目录,编辑link.html

  2. 找到代码

$G("href").value = url ? url: ' ';

 改成

$G("href").value = url ? ''+url: '';

   这样在编辑内容的时候无论是选中内容再点击添加超链接按钮,还是不选择内容直接点击添加超链接按钮,链接地址那里都会有跳转头部,后面再输入实际链接地址即可,若不需要

也可以删除头部,再输入实际地址。

  然后再看第二条是如何实现的,依然是编辑link.html这个文件

1.在

<tr>
<td colspan="2">
<label for="target">
<var id="lang_input_target"></var>
</label>
input id="target" type="checkbox"/>
</td>
</tr>

之后添加

<tr>
<td colspan="2">
<label for="rel">添加nofollow</label>
<input id="rel" type="checkbox"></tr>
</td>
<tr>

2.接着在

$G("target").checked = url && link.target == "_blank" ? true :  false;

之后添加

$G("rel").checked = url && link.target == "nofollow" ? true :  false;

3.最后在

'title' : $G("title").value.replace(/^\s+|\s+$/g, ''),

添加

'rel' : $G("rel").checked ? "nofollow" : '',

完成了。

link.zip

知识共享许可协议本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。作者:柴宏俊»