使用 django 和 ckeditor 时 Mathjax 按钮不出现

Question

我正在我的 Django 博客中实现 ckeditor。

我正在尝试激活 mathjax，但遇到了问题。

我使用自述文件中的默认配置并添加了 mathjax，这里是：

CKEDITOR_CONFIGS = {
'default': {
'skin': 'moono',
'toolbar_Basic': [
    ['Source', '-', 'Bold', 'Italic']
],
'toolbar_YouCustomToolbarConfig': [
    {'name': 'document', 'items': ['Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates']},
    {'name': 'clipboard', 'items': ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo']},
    {'name': 'editing', 'items': ['Find', 'Replace', '-', 'SelectAll']},
    {'name': 'forms',
     'items': ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton',
               'HiddenField']},
    '/',
    {'name': 'basicstyles',
     'items': ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat']},
    {'name': 'paragraph',
     'items': ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-',
               'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl',
               'Language']},
    {'name': 'links', 'items': ['Link', 'Unlink', 'Anchor']},
    {'name': 'insert',
     'items': ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe']},
    '/',
    {'name': 'styles', 'items': ['Styles', 'Format', 'Font', 'FontSize']},
    {'name': 'colors', 'items': ['TextColor', 'BGColor']},
    {'name': 'tools', 'items': ['Maximize', 'ShowBlocks']},
    {'name': 'about', 'items': ['About']},
    {'name': 'mathjax', 'items': ['MathJax']},
    '/',  # put this to force next toolbar on new line
    {'name': 'youcustomtools', 'items': [
        # put the name of your editor.ui.addButton here
        'Preview',
        'Maximize',

    ]},
],
'toolbar': 'YouCustomToolbarConfig',  # put selected toolbar config here
# 'toolbarGroups': [{ 'name': 'document', 'groups': [ 'mode', 'document', 'doctools' ] }],
# 'height': 291,
# 'width': '100%',
# 'filebrowserWindowHeight': 725,
# 'filebrowserWindowWidth': 940,
# 'toolbarCanCollapse': True,
'mathJaxLib': '//cdn.mathjax.org/mathjax/2.2-latest/MathJax.js?config=TeX-AMS_HTML',
'tabSpaces': 4,
'extraPlugins': ','.join(
    [
        # you extra plugins here
        'div',
        'autolink',
        'autoembed',
        'embedsemantic',
        'autogrow',
        # 'devtools',
        'widget',
        'lineutils',
        'clipboard',
        'dialog',
        'dialogui',
        'elementspath',
        'mathjax'
    ]),
 }
}

管理面板中没有显示 mathjax 图标。有谁知道会发生什么？？

Answer 1

我有点发现问题了。 mathjax 库以某种方式未正确加载。我不得不手动修改 ckeditor-init.js。我替换了：

CKEDITOR.replace($(this).attr('id'), $(this).data('config'));

有了这个：

CKEDITOR.replace( $(this).attr('id'), {
    extraPlugins: 'mathjax',
    height: 500,
    mathJaxLib: 'http://cdn.mathjax.org/mathjax/2.2-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'
} );

使用 django 和 ckeditor 时 Mathjax 按钮不出现

Mathjax button not appearing when using django and ckeditor

javascript

python

django

ckeditor

mathjax