DNN CK 编辑器预览未加载 CSS 路径

Question

我正在尝试寻找一种在 DNN CK Editor v4.18.0 预览模式下加载 CSS 路径的方法，下面是一些图像。

现在使用自定义编辑器选项我已经能够使用一个common.css文件，该文件中嵌入了所有CSS文件路径，因为只能使用一个CSS。 现在说到预览模式。 这发生在下面。

现在我尝试了一些我认为首先可以解决的问题，我在包含此代码的

cust_config.js

中创建了一个

/Portal/1/xyz/cust_config.js

。

// CKEDITOR.editorConfig = function (config) {  
    // config.contentsCss = [
        // '/Portals/1/xyz/css/common.css'
    // ];
    // config.allowedContent = true;  // Ensures styles aren't blocked
// };

CKEDITOR.editorConfig = function (config) {
    config.extraPlugins = 'wysiwygarea';  // Ensure iframe editor is used
    config.contentsCss = [];  // Keep contentsCss empty to prevent overrides

    CKEDITOR.on('instanceReady', function (ev) {
        var editor = ev.editor;
        var iframe = editor.container.$.querySelector('iframe.cke_wysiwyg_frame');
        if (iframe) {
            var head = iframe.contentWindow.document.head;
            var link = iframe.contentWindow.document.createElement('link');
            link.rel = 'stylesheet';
            link.href = '/Portals/1/xyz/css/common.css';
            head.appendChild(link);
        }
    });
};

由于此文件在 自定义编辑器选项 > 主要设置 > 配置 > 自定义配置文件中使用，它确实会运行警报，但当尝试在那里添加 common.css 时，当我使用编辑模块按钮时，它根本不会加载，所以我必须使用手动方式在自定义编辑器选项中添加common.css，这至少会显示编辑选项有效，但预览完全失败。

Answer 1

我不是定制CKEditor的专家，但我希望这些文章能有所帮助：

• 向 CKEditorProvider 添加自定义样式
• 自定义 DNN 的默认 HTML 编辑器提供程序 - CKEditorProvider