django開發5 富文字編輯器

2022-09-12 02:39:14 字數 910 閱讀 5830

2、把解壓後的檔案放在js資料夾下,如

3、儲存著幾個檔案,其餘在python用不到,刪除了

5、以上的3個js檔案路徑為剛複製進來的路徑。可根據自己路徑修改。

其中config.js檔案沒有,可以建立乙個,主要用來建立乙個kindeditor

如下:

6、讓其找到文章內容,如下

如:我的文章內容在textarea標籤下,還有乙個屬性為name=content

可以開啟開發者工具,或者在谷歌下按住ctrl+shift+i開啟,定位到文章內容位置,檢視元素

7、新增後,再次開啟,可以檢視到富文字框已經新增成功

如下

ps:富文字編輯框的長高,可以再config.js中配置。

width:500,

height:200,

django 富文字編輯器

1.安裝 pip install django tinymce 安裝完成後可以使用在admin管理中,也可以自定義表中 2.配置 tinymce 並在setting.py中新增編輯器配置 tinymce default config 在專案中urls.py中配置編輯器url urlpatterns ...

富文字編輯器

關於使用富文字編輯器的一些小坑 官網 1.專案 片 editor fail function xhr,editor,result custominsert function insertimg,result,editor this.editor.create this.editor.txt.html...

富文字編輯器

富文字編輯器,rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditorallowfilemanager 是否允許瀏覽伺服器已上傳...