ueditor编辑器创建超链接时添加class样式

发表于 2014-12-17 分类于清学小记本文字数： 365 阅读时长 ≈ 1 分钟

在使用“ueditor”编辑文本时，为了在创建超链接时，给所有需要创建的链接加上同样的class样式，图方便不能每次都去html模式编辑，所以最好的办法就是在创建超链接时，有个选项：选择就添加class样式，否则就不添加。那么步骤如下：

1、打开ueditor编辑器目录“ueditor”里的link.html文件；

2、找到以下3处代码并编辑：

| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | ` var>label> td> tr> <!-此处编辑为你想要显示的信息 -> 添加class样式：label> td> tr> <!-此处编辑为你想要显示的信息 -> td>

tr>` |
| ————————————————————————— | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————- |

| 1 2 3 4 5 6 | `$G(“title”).value = url ? link.title : “”;
$G(“href”).value = url ? url: ‘’;
$G(“target”).checked = url && link.target == “_blank” ? true : false;
//判断是否选中$G(“class”).checked = url && link.className == “样式名” ? true : false;

$focus($G(“href”));` |
| ———————– | ————————————————————————————————————————————————————————————————————————————————————— |

| 1 2 3 4 5 6 7 8 | var obj = { 'href' : href, 'target' : $G('target').checked ? '_blank' : '_self', 'title' : $G('title').value.replace(/^\s+'\s+$/g, ''), 'class' : $G('class').checked ? '样式名'' : '' }; |

| ——————————- | ———————————————————————————————————————————————————————————————————————– |

3、编辑完成之后，打开demo.html，再创建超链接，就会有图中所示效果了。如果没有效果，请清空浏览器缓存后刷新再试。