如何修改Kendo Editor中createLink按钮插入链接的默认颜色

你当前用的.k-editor-link-url是设置插入链接弹窗里的输入框文本颜色的，不是编辑区域内链接的样式，所以修改不会生效。要改编辑内容里链接的默认颜色，得针对编辑器iframe内容中的<a>标签设置样式，具体方法如下：

方法1：通过stylesheets配置的CSS文件修改 #

确保editorStyles.css和HTML文件在同一目录（或路径正确），替换原有CSS内容为：

/* 精准匹配编辑器内的链接样式 */
.k-content a {
    color: green;
    /* 可选：保留下划线样式，和默认行为一致 */
    text-decoration: underline;
}

如果主题默认样式优先级更高，可加!important强制覆盖：

.k-content a {
    color: green !important;
}

方法2：编辑器初始化时动态注入样式 #

不想单独用CSS文件的话，可在编辑器初始化完成后，直接给内部iframe的文档添加样式：

$("#editor").kendoEditor({
    tools: ['createLink'],
    init: function() {
        var iframeDoc = this.body.parentDocument;
        var styleTag = document.createElement('style');
        styleTag.textContent = `.k-content a { color: green; }`;
        iframeDoc.head.appendChild(styleTag);
    }
});

注意事项 #

• 确认editorStyles.css路径正确，编辑器会自动把该CSS加载到内部iframe中
• 若使用Material这类主题，默认链接样式优先级较高，必要时用更具体的选择器或!important覆盖

内容的提问来源于stack exchange，提问作者Varun Singh