Question

我正在使用CKEditor wysiwyg创建django模板。因此，我遇到了使用CKEditor的codemirror插件作为here。通过遵循安装说明，可以参考here来使用以下用于config的选项：

config.codemirror = {

    // Set this to the theme you wish to use (codemirror themes)
    theme: 'default',

    [.......................]

    // Define the language specific mode 'htmlmixed' for html  including (css, xml, javascript), 'application/x-httpd-php' for php mode including html, or 'text/javascript' for using java script only 
    mode: 'htmlmixed',

    [.......................]

     // Whether or not to show the showAutoCompleteButton button on the toolbar
    showAutoCompleteButton: true
};

但是，作为上述模式选项，这些语言仅限于html，javascript和php，对于我的情况Django，我不能使用其他语言。

我尝试在<path to CKEditor>/Plugins/codemirror/plugin.js处修改CKEditor的默认代码镜像插件，以为django语言添加一个可能的地方，但这只会导致代码错误。

那么，如何在CKEditor的codemirror插件中添加Django语言？谢谢。

Answer 1

CodeMirror模式不限于html, javascript, and php，这是所有受支持的language modes

的列表

确保已同时加载Django模式和xml, htmlmixed模式：

xml模式：https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/mode/xml/xml.js
html混合模式：https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/mode/htmlmixed/htmlmixed.js
Django模式：https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/mode/django/django.js

具有嵌入式Django模板标记的HTML模式。：

mode: 'django'

如何在CKEditor的CodeMirror插件中添加Django语言模式？

1 个答案: