Question

我正在尝试安装"codesample" TinyMCE plugin以在Keystone.js中启用代码语法突出显示。我将以下行添加到keystone.js文件per the documentation的keystone.init部分。但是，不会出现启用语法突出显示的额外按钮。

'wysiwyg additional plugins': 'codesample',
'wysiwyg additional options': {
        external_plugins: {
            'codesample':'/js/tinymce/plugin.min.js'
       }

插件文档说明了代码突出显示按钮作为插件的一部分。由于按钮没有显示，我试图通过添加以下行来强制它。

'wysiwyg additional buttons': 'codesample',

控制台上没有出现任何错误。我很感激在使用KeystoneJS时可以使用此代码或其他形式的代码语法突出显示任何帮助。

Answer 1

你可以通过把它放在你的keystone.init函数中来获得TinyMCE附带的插件：

'wysiwyg additional plugins': 'codesample',
'wysiwyg additional buttons': 'codesample',

但是当我这样做时，虽然它有效，但似乎你可以创建代码示例，但不能编辑它们，除非你删除＆amp;重拍他们。我尝试用更新的版本替换keystone附带的TinyMCE版本（majorVersion：“4”，minorVersion：“4.3”），作为5.2及以上声明解决了这个问题，但它对我没有任何帮助。

也许你最好以这种方式安装插件，将其视为外部插件：

'wysiwyg additional options': {
        skin : 'lightgray',
        menubar : 'file edit format view insert',
        relative_urls: false,
        content_css: '/assets/css/styles.min.css',
        visualblocks_default_state: true,
        external_plugins: {
            'tinyvision':'/assets/plugins/tinyvision/build/plugin.min.js'
        },
        tinyvision: {
            source: '/api/images'
        }
}

参考：https://github.com/keystonejs/keystone/issues/1549

稍微不那么有用的参考：http://keystonejs.com/docs/configuration/#options-ui

KeystoneJS TinyMCE编辑器中的代码语法突出显示

1 个答案: