0

django-ckeditor 内で mathjax を読み込めませんでした

この投稿には、私の virtualenv 構成、CKEDITOR_CONFIGS、printscreen、およびソース ページの要素が含まれています。

仮想環境

>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', ]),
    },
}

mathjax #256 の問題により、ckeditor-init.js を変更しました。「toolbar_Custom」リストに{'name': 'math', 'items': ['mathjax', ]},とを含め、さまざまな組み合わせも試しました。{'name': 'math', 'items': ['Matjax', ]}

プリントスクリーン

ソース ご覧のとおり、パネルには構成で設定したすべての構成が含まれていますが、mathjax は含まれていません。ただし、ページ ソースには「toolbar_Basic」、「toolbar_Full」、および「toolbar_Custom」が含まれています。私の設定によると、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 構成 (Web からの投稿によると) には、mathjax アイコンも表示されません。「ckeditor-init.js」の変更の有無にかかわらず

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

スクリーンショット022

README.rst の設定例として

静的ファイル CKEDITOR_JQUERY_URL = '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' スクリーンショット023

質問は次のとおりです。

問題がある場合、どうすればクイックフィックスできますか? 構成の経験不足に関連している場合は、構成例/ mathjax の適切な構成を教えてください。

printscreens は Django admin から取得されます。これらのモデルでは RichTextUploadingField を使用します。

4

1 に答える 1

4

これは設定ミスの問題で、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',]),
    },
}

mathjax が表示されて機能するためには、ツールバーとextraPliginsの両方が config に存在する必要があります。

于 2016-11-06T17:53:55.373 に答える