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

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

| 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。。。