CKEditor 中的 UIkit 样式

【问题标题】：UIkit styling into CKEditorCKEditor 中的 UIkit 样式
【发布时间】：2020-04-08 00:51:18
【问题描述】：

我希望我的 CKEditor 文本区域的样式基于 UIkit 框架，以便无需单击 proview 即可直接查看显示。我已经使用

在 config.js 中添加了 css

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

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

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

【问题讨论】：

标签： ckeditor getuikit

【解决方案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);   
});

【讨论】：