ueditor编辑器创建超链接时添加class样式
内容提要
在 UEditor 中为超链接统一添加 class 样式，可修改 link.html 文件：在链接对话框加入 class 复选框，初始化时根据 link.className 判断勾选状态，提交时按勾选结果设置 class 值，保存后即可在创建链接时选择是否添加样式。
延伸解读
修改文件与代码位置
文章指出，要实现超链接添加class样式，需修改UEditor目录下的link.html文件。具体涉及三处代码：在链接对话框的表格中添加一个复选框，其id为class，标签文字可自定义；在初始化函数中，根据link.className判断是否勾选该复选框；在提交函数中，根据复选框状态设置class值。这三处修改共同实现了在创建链接时选择是否添加样式的功能。
关键代码逻辑解析
初始化时，通过$G("class").checked = url && link.className == "样式名" ? true : false;来判断当前链接是否已应用指定样式，从而决定复选框的初始状态。提交时，在obj对象中设置'class' : $G('class').checked ? '样式名' : ''，即根据复选框是否勾选来赋予class值或空字符串。这样，用户勾选复选框即可为链接添加预设的class样式。
测试与缓存注意事项
完成修改后，需打开demo.html进行测试。创建超链接时，应能看到新增的复选框选项。如果未出现预期效果，文章建议清空浏览器缓存后刷新页面再试。这是因为浏览器可能缓存了旧的link.html文件，导致修改未生效。确保缓存清除后，修改即可正常显示。
Q&A
UEditor创建超链接时如何添加class样式？
修改UEditor目录下的link.html文件：在链接对话框中添加一个class复选框，初始化时根据link.className判断是否勾选，提交时根据复选框状态设置class值。保存后即可在创建链接时选择是否添加样式。
UEditor超链接添加class样式需要修改哪个文件？
需要修改UEditor编辑器目录下的link.html文件。
UEditor超链接class样式复选框如何初始化？
在link.html的初始化代码中，通过判断link.className是否等于预设的样式名来设置复选框的选中状态，例如：$G("class").checked = url && link.className == "样式名" ? true : false;
UEditor超链接提交时如何根据复选框设置class？
在提交代码中，根据class复选框的选中状态来设置class值：如果选中，则class为预设的样式名；否则为空字符串。例如：'class' : $G('class').checked ? '样式名' : ''。
修改UEditor后如何测试超链接class样式是否生效？
编辑完成后，打开demo.html，创建超链接，查看是否出现class样式选项。如果没有效果，请清空浏览器缓存后刷新再试。
UEditor超链接添加class样式时，class复选框的代码应该加在哪里？
在link.html文件中，找到target复选框所在的<tr>代码块，在其后添加一个新的<tr>代码块，包含class复选框的label和input元素。
