django-ckeditor,无法加载mathjax

时间:2016-10-29 08:11:45

标签: django mathjax django-ckeditor

我无法在django-ckeditor

中加载mathjax

这篇文章包含我的virtualenv配置,CKEDITOR_CONFIGS,printscreen和Source页面中的元素。

的virtualenv

>pip freeze
Django==1.10.2
django-appconf==1.0.2
django-ckeditor==5.1.1
django-compressor==2.1
django-debug-toolbar==1.6
Pillow==3.4.2
psycopg2==2.6.2
rcssmin==1.0.6
rjsmin==1.0.12
sqlparse==0.2.1

CKEDITOR_CONFIGS

CKEDITOR_CONFIGS = {
    'default': {
        'skin': 'moono',
        # 'skin': 'office2013',
        'toolbar_Custom': [
            {'name': 'document', 'items': [
                'Subscript', 'Superscript', ]},
            {'name': 'source', 'items': [
                'Source', ]},
        ],
        'toolbar': 'Custom',
        'mathJaxLib': '//cdn.mathjax.org/mathjax/2.2-latest/MathJax.js?config=TeX-AMS_HTML',
        'height': 200,
        'width': 600,
        'extraPlugins': ','.join(['mathjax', ]),
    },
}

根据problems with mathjax #256,我改变了ckeditor-init.js。我还尝试了各种组合,包括{'name': 'math', 'items': ['mathjax', ]},{'name': 'math', 'items': ['Matjax', ]}在工具栏_Custom'列表。

PRINTSCREEN

来源 如您所见,该面板包含我在config中设置的所有配置,但是包含mathjax。但是,页面源包含" toolbar_Basic"," toolbar_Full" &安培; " toolbar_Custom&#34 ;.根据我的配置,我不确定Basic和Full是否应该存在。

< div class = "django-ckeditor-widget"
data - field - id = "id_false_answer_text"
style = "display: inline-block;" >
  < textarea cols = "40"
id = "id_false_answer_text"
name = "false_answer_text"
rows = "10"
required data - processed = "0"
data - config = '{"toolbar_Basic": [["Source", "-", "Bold", "Italic"]], "toolbar_Full": [["Styles", "Format", "Bold", "Italic", "Underline", "Strike", "SpellChecker", "Undo", "Redo"], ["Link", "Unlink", "Anchor"], ["Image", "Flash", "Table", "HorizontalRule"], ["TextColor", "BGColor"], ["Smiley", "SpecialChar"], ["Source"]], "filebrowserUploadUrl": "/ckeditor/upload/", "skin": "moono", "filebrowserWindowWidth": 940, "filebrowserWindowHeight": 725, "width": 600, "height": 200, "filebrowserBrowseUrl": "/ckeditor/browse/", "language": "en-us", "toolbar": "Custom", "toolbar_Custom": [{"items": ["Subscript", "Superscript"], "name": "document"}, {"items": ["Source"], "name": "source"}, {"items": ["mathjax"], "name": "mathjax"}]}'
data - external - plugin - resources = '[]'
data - id = "id_false_answer_text"
data - type = "ckeditortype" > & lt;
p & gt;
fa4 q1 & lt;
/p&gt;</textarea >
</div>

另一个配置 All-plugin配置(根据网上的帖子)也没有显示mathjax图标。有和没有改变&#39; ckeditor-init.js

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'none',
        'height': 200,
        'width': 600,
     },
}

screenshot022

例如来自README.rst的示例配置

静态文件 CKEDITOR_JQUERY_URL =&#39; // ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' screenshot023

问题是:

如果是问题,我该如何快速修复它? 如果它与配置缺乏经验有关,请你指点我的配置示例/ mathjax的正确配置?

打印屏幕来自Django管理员,我在这些模型中使用RichTextUploadingField。

1 个答案:

答案 0 :(得分:2)

这是一个配置错误的问题,Django-CKEditor没有问题。 mathjax配置的关键部分如下。

CKEDITOR_CONFIGS = {
    'default': {
        'skin': 'moono',
        'toolbar_Custom': [
            {'name': 'math', 'items': ['Mathjax', ]},
        ],
        'toolbar': 'Custom',
        'mathJaxLib': '//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML',
        'extraPlugins': ','.join(['mathjax',]),
    },
}

工具栏 extraPligins 都应出现在配置中,以便mathjax显示并正常工作。