ホームページ  >  記事  >  バックエンド開発  >  Django がリッチ テキスト エディター CKEditor をマスターする方法を教えます

Django がリッチ テキスト エディター CKEditor をマスターする方法を教えます

Y2J
Y2Jオリジナル
2017-04-24 11:51:501734ブラウズ

最近、django管理者でリッチテキストエディタを使用する必要があります。私はCKEditorリッチテキストエディタを使用しているので、次の記事では主にdjangoでリッチテキストを使用する方法を紹介しています。テキストエディタCKEditorのメソッド。

はじめに

django は、すぐに始めるのが簡単な Webフレームワーク で、コンテンツ主導型の Web サイト (独立したブログなど) を作成するのに非常に便利です。残念ながら、Django は、コンテンツベースの Web サイトのバックエンド管理に不可欠なコントロールである公式のリッチ テキスト エディターを提供していません。 ckeditor は、javascript に基づいて広く使用されているオープンソース Web ページ エディターです。さまざまな プログラミング言語 と組み合わせることができ、python も例外ではありません。この記事では、Django ベースのブログ システムで ckeditor を完璧に使用する方法を紹介します。

使い方1. インストール

pip install django-ckeditor

2. 'ckeditor'settings.py

のINSTALLED_APPSを変更します。djang-ckeditorはckeditor-init.jsファイルでJQueryを使用するため、 settings.py で CKEDITOR_JQUERY_URL を設定して、JQuery ライブラリのパスを指定します (例:

CKEDITOR_JQUERY_URL ='https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'

)。 4. STATIC_ROOT を設定し、

を実行して、CKEditor に必要なメディア リソースを STATIC_ROOT で指定されたパスにコピーします。

STATIC_ROOT = os.path.join(BASE_DIR,'static/')
python manage.py collectstatic

Django がリッチ テキスト エディター CKEditor をマスターする方法を教えます5、

from django.db import models
from ckeditor.fields import RichTextField

class Blog(models.Model):
 title = models.CharField(max_length=50,verbose_name="标题")
 content = RichTextField(blank=True,null=True,verbose_name="内容")

 def unicode(self):
 return self.name

効果:

Django がリッチ テキスト エディター CKEditor をマスターする方法を教えます

ファイルアップロード1. ckeditor_uploader を settings.py

の INSTALLED_APPS に追加します。または Django の Storage

API

を使用して、Django のデフォルトでは、MEDIA_ROOT と MEDIA_URL が使用されます。これらは settings.py で定義する必要があります。さらに、MEDIA_ROOT にある CKEDITOR_UPLOAD_PATH を指定することもできます:

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR,'media/')
CKEDITOR_UPLOAD_PATH = 'uploads/'
3. プロジェクトの CKEditor の URL を追加します。 urls.py マッピング

url(r'^ckeditor/', include('ckeditor_uploader.urls')),

が追加されていない場合、次のエラーが発生する可能性があります:

Django がリッチ テキスト エディター CKEditor をマスターする方法を教えます 4. (オプション) CKEDITOR_IMAGE_BACK

END

を settings.py に追加し、サムネイルを有効にします。例:

CKEDITOR_IMAGE_BACKEND = 'PIL'
from ckeditor_uploader.fields import RichTextUploadingField
class Post(models.Model):
 content = RichTextUploadingField()

以上がDjango がリッチ テキスト エディター CKEditor をマスターする方法を教えますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。