富文字框編輯器

2021-09-12 10:16:51 字數 1597 閱讀 3811

第一種方法

第一步,安裝django-tinymce

第二步,在setting檔案中配置

#新增富文字框編輯器這個模組

'tinymce',

}#在setting配置中配置tinymce的配置項引數

# tinymce 的配置項

tinymce_js_url = "/static/tiny_mce/tiny_mce.js"

tinymce_js_root = "/static/tiny_mce/"

tinymce_default_config =

第三步,在model中使用下邊的內容,然後同步到資料庫之中

from tinymce.models import htmlfield

# content = models.textfield()

content = htmlfield()

第四步,在admin.py加入,並註冊

from django.contrib import admin

from . import models

# register your models here

admin.site.register(models.article)

第五步,在控制台建立高階管理員

python manage.py createsuperuser

第六步,如果在前端頁面中要是用,需要配置頁面如下內容

在所需新增富文字編輯框的地方新增下邊的

店鋪封面:

第二種方法

不建議使用 pip 安裝,當然如果的 python 是 2.x 版的話,直接

pip 安裝即可

# 如果是 python2 的可以使用如下命令完成

pip install djangoueditor

python setup.py install

第二步,在setting檔案中配置

… "djangoueditor",]

第三步,在setting配置中配置的上傳路徑

# 上傳路徑,位置自己定義即可

media_url = '/static/uepload/'

media_root = './static/uepload/'

第四步,在主路由中配置ueditor的路由

urlpatterns = [

… url(r'^ueditor/', include('djangoueditor.urls'))

]

第五步,在model中使用,然後後天就會自動設定為富文字框了

from djangoueditor.models import ueditorfield

# content = models.textfield()

content = ueditorfield()

第六步,如果在前端頁面中使用,需要在前端頁面加入以下內容

介紹幾款富文字框編輯器

freetextbox 乙個有很多年歷史的富文字編輯器了,使用簡單,而且一般的使用是免費的,但是不開源,上傳上傳附件等功能沒有,擴充套件性差。cuteeditor 最強大的富文字編輯器,巨牛無比,但是是收費的,個人使用的話用下破解版倒無所謂,要想在企業中使用那就得買了,所以雖然強大,但是想節約的話就...

web輕量級富文字框編輯

前言 主要介紹squire,wangeditor富文字編輯 以及用原生js 如何實現多個關鍵字標識 需求 如何標記多個關鍵字,取消關鍵字 第一種方法 原生 textarea 標記 準備資料參考 張鑫旭大大的部落格 講得非常的清楚哦 demo栗子 推薦文章 js range html文件 文字內容選中...

富文字框wangEditor

個人覺的官網文件寫的還是非常詳細的 的開發需要,畢竟我們開發中遇到的富文字框不需要像word或者wps功能這麼齊全.功能齊全的富文字框配置必然 個人專案中wangeditor富文字框的簡單配置 functioneditor editor.customconfig.lang editor.custom...