DjangoにCKEditorプラグインをインストールするには

Question

django-CKEditorの画像アップローダーのプラグインをインストールしようとしています。ただし、ボタンはCKeditorウィジェットには表示されません。次のように

私はCKEditorバージョンのプラグインをインストールするために使用してきた手順は次のとおりです。

1. ダウンロードとCKEditorバージョンのプラグインのアップローダーとブラウザを抽出します。
2. 抽出したファイルをCKeditorの静的フォルダ（/ project/static/ckeditor/ckeditor/plugins/imageuploader）にコピーします。また、manage.pyを使って試しました。collectstatic

3. 以下のようにsettings.pyファイルを設定してください。

   CKEDITOR_CONFIGS = { 
       'default': { 
        'toolbar': [ 
         [  'Undo', 'Redo', 
          '-', 'Bold', 'Italic', 'Underline', 
          '-', 'Link', 'Unlink', 'Anchor', 
          '-', 'Format', 
          '-', 'SpellChecker', 'Scayt', 
          '-', 'Maximize', 
         ], 
        ], 
        'width': 840, 
        'height': 300, 
        'toolbarCanCollapse': False, 
       }, 
   
       'simple_toolbar': { 
        'toolbar': [['imageuploader',],], 
        'width': 840, 
        'height': 300, 
        'removePlugins': 'stylesheetparser', 
        'extraPlugins': 'imageuploader', 
       }, 
   
   } 
   

4. 以下のようにウィジェットを設定します。

   class Form(forms.ModelForm): 
       description=forms.CharField(widget=CKEditorWidget(config_name='simple_toolbar' 
   )) 
   

Answer 1

この試してみてください：あなたのモデルでは

を：settings.pyファイルで

class YouModel(models.Model) 
    text = HTMLField(configuration='CKEDITOR_SETTINGS_MODEL1', blank=True) 

：

CKEDITOR_SETTINGS_MODEL1 = { 
    'language': '{{ language }}', 
    'toolbar_HTMLField': [ 
    {'name': 'basicstyles', 'items': ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat']}, 
     {'name': 'colors', 'items': ['TextColor', 'BGColor']}, 
     {'name': 'paragraph', 'items': ['NumberedList', 'BulletedList', 'Outdent', 'Indent', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 
        'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language']}, 
     {'name': 'clipboard', 'items': ['Paste', 'Undo', 'Redo']}, 
     {'name': 'tools', 'items': ['Maximize']}, 
     {'name': 'styles', 'items': ['Styles', 'Format', 'Font', 'FontSize', 'Scayt']}, 
     {'name': 'document', 'items': ['Preview', 'Print']}, 
     {'name': 'editing', 'items': ['Find', 'Replace', 'SelectAll']}, 
     {'name': 'links', 'items': ['Link', 'Unlink', 'Table', 'SpecialChar', 'Smiley']}, 
    ], 
    'height': '777px', 
    'width': '759px', 
    'scayat_slang': ['en_US, en_GB, pt_BR, da_DK, nl_NL, en_CA, fi_FI, fr_FR, fr_CA, de_DE, el_GR, it_IT, nb_NO, pt_PT, es_ES, uk_UK'], 
    'removePlugins': 'elementspath', 
    'extraPlugins': ','.join(['div', 'clipboard', 'dialog', 'scayt',]), 
} 

あなたはこのサイズ、ボタン、その他を変更することができます