在使用“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。。。