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

14 年 12 月 18 日 星期四 (已编辑)
375 字
2 分钟

在使用“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,再创建超链接,就会有图中所示效果了。如果没有效果,请清空浏览器缓存后刷新再试。

4eed32f2jw1endqya2entj20li0e2q4o.jpg

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

4eed32f2jw1endqyc03x8j20rm08u75r.jpg

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

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

欢迎关注我的其它发布渠道
公众号小程序

文章标题:ueditor编辑器创建超链接时添加class样式

文章作者:bmqy

文章链接:https://www.bmqy.net/1524.html[复制]

最后修改时间:


商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。
本文采用CC BY-NC-SA 4.0进行许可。