DjangoはKindEditorリッチテキストエディタの使用を追加します。

2409 ワード

django キンデトット

KindEditor紹介：
KindEditorはオープンソースのオンラインHTMLエディタであり、主にユーザーがウェブサイトで見たような編集効果を得るために使われています。開発者はKindEditorで伝統的なマルチラインテキスト入力ボックスを可視化されたリッチテキスト入力ボックスに置き換えることができます。
KindEditorはJavaScriptを使って編纂して、シームレスにJava、NET、PHP、ASPなどのプログラムと一体化することができます。CMS、ショッピングモール、フォーラム、ブログ、Wiki、電子メールなどのインターネット応用に適しています。
Django AdminにKindEditorを入れるのは、ドライ巴のtextareaよりずっといいです。加入後の効果は以下の通りです。
1、staticファイルパスを設定する
KindEditorはJavaScriptで作成されています。これはstatic filesに属していますので、Djangoのためにstaticパスを設定する必要があります。
まずプロジェクトディレクトリの下にstaticフォルダを作成します。ここで注意しなければならないのは、my_にいないことです。ap/下にstaticファイルとして保存されたディレクトリを作成します。これはDjangoが自分のStticファイルを検索できなくなります。
作成後は、settingsにstaticファイルディレクトリを配置します。以下のコードを追加します


STATIC_URL = '/static/'
STATICFILES_DIRS = (
 os.path.join(BASE_DIR, 'static'),
)

2、KindEditorをダウンロードする
KindEditorをダウンロードして、解凍した後にあれらの役に立たないasp、asp.NET、php、jsp、examplesファイルを削除した後にstaticディレクトリの下にコピーして、KindEditorはjsファイルの用事があるエディタなため、js/editorディレクトリを設けて、そしてKindEditorコードをこのディレクトリの下にコピーします。
このようにstatic/js/editor/kideditor-4.1.7
3、adminバックグラウンド管理中のhtmlページにJavaScriptコードを追加する
kideditor-4.1.7ディレクトリの下でconfig.jsファイルを新規作成します。内容は以下の通りです。


KindEditor.ready(function(K) {
 window.editor = K.create('#id_content',{
  //     
  width:'800px',
  height:'200px',
 });
});

4、admin.pyの管理クラスにclass Mediaを追加し、jsファイルを導入する
ここは完全なadmin.pyの例です。
備考：クラスは必ずadmin.site.registerの前にいなければなりません。そうでなければ、プログラムはエラーを報告します。defineがないと表示されます。


from django.contrib import admin
from .models import category,tags,article
# Register your models here.
class articleAdmin(admin.ModelAdmin):
 list_display = ('id','title','create_time','change_time','type') #      
 search_fields = ('title') #       
 class Media:
  #       HTML     js  ,          STATIC_URL/
  js = (
   '/static/js/editor/kindeditor-4.1.7/kindeditor-all.js',
   '/static/js/editor/kindeditor-4.1.7/lang/zh_CN.js',
   '/static/js/editor/kindeditor-4.1.7/config.js',
  )
admin.site.register(category)
admin.site.register(tags)
admin.site.register(article,articleAdmin)

締め括りをつける
以上はこの文章の全部の内容です。本文の内容は皆さんの学習や仕事に対して一定の参考学習価値を持ってほしいです。ありがとうございます。もっと知りたいなら、下のリンクを見てください。

Android studioは簡単な懐中電灯APPを作成します。

AndroidのカーネルソースはUbuntuでダウンロードして、コンパイルして、インストールします。