利用Python實現漂亮的Django Markdown富文本app插件

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:

在 settings 中添加媒體文件的路徑配置:

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

在你項目的根 urls.py 中添加擴展url和媒體文件url:

編寫一個測試 model :

向 admin.py 中註冊model:

運行 python manage.py makemigrations 和 python manage.py migrate 來建立你的model 數據庫表.

登陸 django admin後臺，點擊 '添加'操做，你會看到以下界面。

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

用法說明

在model 中使用 Markdown 編輯字段

在model 中使用 Markdown 編輯字段，咱們只須要將 model 的TextField 替換成MDTextField 便可。

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

在前端 template 中使用時，能夠這樣用：

在 Form 中使用 markdown 編輯字段

在 Form 中使用 markdown 編輯字段，使用 MDTextFormField 代替 forms.CharField, 以下：

ModelForm 可自動將model 對應的字段轉爲 form字段， 可正常使用：

在 admin 中使用 markdown 小組件

在 admin 中使用 markdown 小組件，以下：

自定義工具欄

在 settings 中增長以下配置 ：

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

以上就是這篇文章的所有內容了，但願本文的內容對你們的學習或者工做具備必定的參考學習價值，謝謝你們對小編的支持。