Django如何添加富文本編輯器?

Django寫網站,需要一個富文本編輯器。根據不重複造輪子的原則,我決定去用一個開源的。於是我找到了強大無比的CKEditor。

工具/原料

Django 項目
CKEditor

方法/步驟

去官網下載 CKEditor。直接百度一搜就能找到。

完整版太冗長,使用標準版就好。此外,均為免費哦。

下載好了之後解壓放入你的項目的目錄的 static/myapp 下。

例如:mysite/myapp/static/myapp 下。

然後修改你需要添加編輯器的 template,加入這行代碼:

<script type="text/javascript" src="{% static "myapp/ckeditor/ckeditor.js" %}"></script>

然後在需要添加編輯器的具體位置放一個 textarea,加入代碼:

<textarea name="question"></textarea>

<script type="text/javascript">CKEDITOR.replace('question');</script>

保存好文件,刷新你的頁面就可以看到編輯器出現了。

注意事項

你需要在 settings.py 里配置 STATIC_URL = '/static/'。
你的 template 一定是 myapp/static/myapp/template.html 這樣的位置。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場