當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Django框架—富文本编辑器

發布時間：2024/7/5 编程问答 42 豆豆

生活随笔收集整理的這篇文章主要介紹了 Django框架—富文本编辑器小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

借助富文本編輯器，網站的編輯人員能夠像使用offfice一樣編寫出漂亮的、所見即所得的頁面
此處以tinymce為例，其它富文本編輯器的使用也是類似的
在虛擬環境中安裝包

pip install django-tinymce==2.6.0

安裝完成后，可以使用在Admin管理中，也可以自定義表單使用

示例

在test6/settings.py中為INSTALLED_APPS添加編輯器應用

INSTALLED_APPS = (...'tinymce', )

在test6/settings.py中添加編輯器配置

TINYMCE_DEFAULT_CONFIG = {'theme': 'advanced','width': 600,'height': 400, }

在test6/urls.py中配置編輯器url

urlpatterns = [...url(r'^tinymce/', include('tinymce.urls')), ]

接下來介紹在Admin頁面、自定義表單頁面的使用方式
在Admin中使用
- 在booktest/models.py中，定義模型的屬性為HTMLField()類型
from django.db import models from tinymce.models import HTMLFieldclass GoodsInfo(models.Model):gcontent=HTMLField()
- 生成遷移
python manage.py makemigrations
- 遷移
python manage.py migrate
- 在本示例中沒有定義其它的模型類，但是數據庫中有這些表，提示是否刪除，輸入no后回車，表示不刪除，因為其它的示例中需要使用這些表
- 遷移完成，新開終端，連接mysql，使用test2數據庫，查看表如下
- 發現并沒有表GoodsInfo，解決辦法是刪除遷移表中關于booktest應用的數據
delete from django_migrations where app='booktest';
- 再次執行遷移
python manage.py migrate
- 成功完成遷移，記得不刪除no
- 在booktest/admin.py中注冊模型類GoodsInfo
from django.contrib import admin from models import * class GoodsInfoAdmin(admin.ModelAdmin):list_display = ['id']admin.site.register(GoodsInfo,GoodsInfoAdmin)
- 運行服務器，進入admin后臺管理，點擊GoodsInfo的添加，效果如下圖
- 在編輯器中編輯內容后保存
顯示
- 通過富文本編輯器產生的字符串是包含html的
- 在數據庫中查詢如下圖
- 在模板中顯示字符串時，默認會進行html轉義，如果想正常顯示需要關閉轉義
- 問：在模板中怎么關閉轉義
- 方式一：過濾器safe
- 方式二：標簽autoescape off
- 在booktest/views.py中定義視圖show，用于顯示富文本編輯器的內容
from models import * ... def show(request):goods=GoodsInfo.objects.get(pk=1)context={'g':goods}return render(request,'booktest/show.html',context)
- 在booktest/urls.py中配置url
url(r'^show/', views.show),
- 在templates/booktest/目錄下創建show.html模板
<html> <head><title>展示富文本編輯器內容</title> </head> <body> id:{{g.id}} <hr> {%autoescape off%} {{g.gcontent}} {%endautoescape%} <hr> {{g.gcontent|safe}} </body> </html>
- 運行服務器，在瀏覽器中輸入如下網址
http://127.0.0.1:8000/show/
- 瀏覽效果如下圖

總結

以上是生活随笔為你收集整理的Django框架—富文本编辑器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： HTTP和HTTPS的请求和响应
下一篇： caffe模型文件解析_Caffe Im

编程问答

Django框架—富文本编辑器

示例

顯示

總結