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

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

1、打开ueditor编辑器目录”ueditor\dialogs\link”里的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。。。