在使用“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 | <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="class">添加class样式：label> <input id="class" type="checkbox"/> td> tr> <!-此处编辑为你想要显示的信息 -><tr> <td colspan="2" id="msg">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，再创建超链接，就会有图中所示效果了。如果没有效果，请清空浏览器缓存后刷新再试。

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

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

原创文章，转载请注明出处，thankyou。。。