DjangoへWYSIWYGエディターを導入する手順②(admin編) - 株式会社CoLabMix

DjangoへWYSIWYGエディターを導入する手順②(admin編)

開発部の「エイジ」です。

★関連記事

DjangoへWYSIWYGエディターを導入する手順①

DjangoへWYSIWYGエディターを導入する手順③

今回はDjangoへWYSIWYGエディターをDjangoAdminに反映したいと思います。

完成すると下記のようなフォームが表示されます。

環境

Django v3.1
Python v3.6.5

WYSIWYG editorとは

【読み方】 ウィジウィグエディター

WYSIWYGとは、見たままのものを実際に作成出力するという言葉のWhat You See Is What You Getの頭文字をとったものであり、WYSIWYGエディターとは編集中の画面に表示されるものと同じものが、最終結果(HTML、印刷結果等)として得られるようなアプリケーションのこと。

WYSIWYGエディター

 

モデルの作成

Postモデルを作成します。

WYSIWYGエディターはTextFieldでないと表示されません。

 

マイグレーションします。

モデルとsummernoteを紐付けます。

まずはadmin.pyの中で紐付けます。

 

これで紐付きました。

実際に確認します。

 

次回は実際にform.pyを使ってエディターを利用します。

★関連記事

DjangoへWYSIWYGエディターを導入する手順①

DjangoへWYSIWYGエディターを導入する手順③

以上になります。最後までお読みいただきありがとうございました。

 

 

 

 

 

 

 

このブログは株式会社CoLabMixによる技術ブログです。

GCP、AWSなどでのインフラ構築・運用や、クローリング・分析・検索などを主体とした開発を行なっています。

Ruby on RailsやDjango、Pythonなどの開発依頼などお気軽にお声がけください。

開発パートナーを増やしたいという企業と積極的に繋がっていきたいです。

お問い合わせやご依頼・ご相談など

    関連記事

    1. 外部のライブラリを利用してのAWS Lambdaの設定

    2. 機械学習のfastTextをCentOS7環境のPython3を使って…

    3. Scrapyでデータの保存をmongodbにしてみる(Scrapy そ…

    4. WordPress導入手順

    5. pythonでのElasticsearchのエイリアス(ailias)…

    6. DockerでRails5.2の環境を構築する その2

    最近の記事

    制作実績一覧

    ITシステム開発の開発先・発注先の選び方を見つけるコンシェルジュサービス

    ITシステム開発の開発先・発注先の選び方を見つけるコンシェルジュサービス

    ITクリエイターのための転職・仕事情報サイト

    ITクリエイターのための転職・仕事情報サイト

    SNS分析での転職支援

    SNS分析での転職支援

    受託パートナーのマッチングとSES人材のマッチング

    受託パートナーのマッチングとSES人材のマッチング