给百度编辑器中的超链接添加自定义样式

1、创建php项目js，在此项目下新建文件夹edit，在edit文件夹下新建文件show.html和show.php 文件，分别如图所示：

2、下载百度编辑器，解压后将此文件改名为ueditor，复制到当前项目的edit文件夹下，如图所示：

3、在show.html中导入编辑器，如下：

4、给show.html添加表单，导入编辑器后显示如图：

5、在编辑中输入图中内容，提交表单至show.php，处理后显示如图：

6、在结果页右击“查看元素”，如图：

7、右上图可以看出当前超链接a标签，没有任何样式，在编辑器中的超链接上“右击修改”，如图，也没有添加css样式

8、给超链接添加样式，则要打开link.html文件，具体路径如图：

9、打开link.html文件，在table最后一行之前添加一行，具体如图：

10、在js 中添加选中此checkbox时的操作和样式名称。

1、在 $focus($G("href")) 前添加判断是否选中内容，如图：

11、在handleDialogOk函数下的obj中添加是否选中时的样式名称，如图：

12、刷新show.html文件，打开超链接”查看详情“的修改内容，此时出现选择项”添加css样式“，如图:

13、若是选中”“，将编辑器转换为html，则此时可看到a标签的样式class="buylist"，即刚刚添加的样式，如图：

14、在适当的位置给buylist，添加样式，即完成对超链接的样式操作