利用Python實現漂亮的Django Markdown富文字app外掛

嗨學程式設計發表於2019-01-18

django-mdeditor

Django-mdeditor 是基於Editor.md 的一個 django Markdown 文字編輯外掛應用。

Django-mdeditor 的靈感參考自偉大的專案django-ckeditor.

功能

支援 Editor.md 大部分功能

支援標準的Markdown 文字、 CommonMark 和 GFM (GitHub Flavored Markdown) 文字;

支援實時預覽、圖片上傳、格式化程式碼、搜尋替換、皮膚、多語言等。

支援TOC 目錄和表情;

支援 TeX, 流程圖、時序圖等圖表擴充套件。

可自定義 Editor.md 工具欄。

提供了 MDTextField 欄位用來支援模型欄位使用。

提供了 MDTextFormField 欄位用來支援 Form 和 ModelForm.

提供了 MDEditorWidget 欄位用來支援 admin 自定義樣式使用。

本人對於Python學習建立了一個小小的學習圈子,為各位提供了一個平臺,大家一起來討論學習Python。歡迎各位到來Python學習群:960410445一起討論視訊分享學習。Python是未來的發展方向,正在挑戰我們的分析能力及對世界的認知方式,因此,我們與時俱進,迎接變化,並不斷的成長,掌握Python核心技術,才是掌握真正的價值所在。

安裝

pip install django-mdeditor

在 settings 配置檔案 INSTALLED_APPS 中新增 mdeditor:

利用Python實現漂亮的Django Markdown富文字app外掛


在 settings 中新增媒體檔案的路徑配置:

利用Python實現漂亮的Django Markdown富文字app外掛


在你專案根目錄下建立 uploads/editor 目錄,用於存放上傳的圖片。

在你專案的根 urls.py 中新增擴充套件url和媒體檔案url:

利用Python實現漂亮的Django Markdown富文字app外掛

編寫一個測試 model :

利用Python實現漂亮的Django Markdown富文字app外掛

向 admin.py 中註冊model:

利用Python實現漂亮的Django Markdown富文字app外掛

執行 python manage.py makemigrations 和 python manage.py migrate 來建立你的model 資料庫表.

登入 django admin後臺,點選 '新增'操作,你會看到如下介面。

利用Python實現漂亮的Django Markdown富文字app外掛


到此,你已經初步體驗了 djang-mdeditor ,接下來詳細看下他的其他使用吧。

用法說明

在model 中使用 Markdown 編輯欄位

在model 中使用 Markdown 編輯欄位,我們只需要將 model 的TextField 替換成MDTextField 即可。

利用Python實現漂亮的Django Markdown富文字app外掛


在後臺admin中,會自動顯示 markdown 的編輯富文字。

在前端 template 中使用時,可以這樣用:

利用Python實現漂亮的Django Markdown富文字app外掛

在 Form 中使用 markdown 編輯欄位

在 Form 中使用 markdown 編輯欄位,使用 MDTextFormField 代替 forms.CharField, 如下:

利用Python實現漂亮的Django Markdown富文字app外掛

ModelForm 可自動將model 對應的欄位轉為 form欄位, 可正常使用:

利用Python實現漂亮的Django Markdown富文字app外掛

在 admin 中使用 markdown 小元件

在 admin 中使用 markdown 小元件,如下:

利用Python實現漂亮的Django Markdown富文字app外掛


自定義工具欄

在 settings 中增加如下配置 :

利用Python實現漂亮的Django Markdown富文字app外掛

本文參考:https://github.com/django-ckeditor/django-ckeditor

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對小編的支援。


相關文章