ckeditor - CKEditor 中的 UIkit 样式

Question

我希望我的 CKEditor 文本区域的样式基于 UIkit 框架，以便直接查看显示，而无需单击 proview。我已经使用 config.js 添加了 css

/* uikit.css */
    config.contentsCss = '/css/uikit.min.css';

然而，UIkit 也需要它的 JS 文件来正确地动态内容，例如选项卡或手风琴。

如何将 uikit.js 添加到 CKEditor 中？

标签： ckeditorgetuikit

Answer 1

通过在 config.js 中添加以下内容，它可以按预期工作：

 CKEDITOR.on('instanceReady', function(ev) {
    var uikitScript = document.createElement('script');

    uikitScript.src = 'https://cdn.jsdelivr.net/npm/uikit@3.3.7/dist/js/uikit.min.js';


    var editorHead = ev.editor.document.$.head;
    editorHead.appendChild(uikitScript);   
});