富文字編輯器HTMLField與 mdeditor

1、引入htmlfield之前，需要安裝：

pip install django-mdeditor

pip install django-tinymce

from django.db import models

from mdeditor.fields import mdtextfield
from tinymce.models import htmlfield
# create your models here.
class bid(models.model):
name = models.charfield('專案名稱', max_length=100, default='--')#專案名稱
district = models.charfield('地區', max_length=100, default='--')#地區
type = models.charfield('種類', max_length=100, default='--')#種類
dom = models.charfield('網域名稱', max_length=100, default='--') # 種類
purl = models.urlfield(max_length=100, verbose_name='鏈結**', default='--')#連線**
tenderee = models.charfield('招標單位', max_length=100, default='--')#招標人
tenderer = models.charfield('投標單位', max_length=100, default='--')#投標單位
address = models.charfield('施工位址', max_length=100, default='--')#施工位址
docnmb = models.charfield('公告檔案號', max_length=100, default='--')#公告檔案號
startaffich = models.datefield('公告發布日期', null=true)#公告發布日期
endaffich = models.datefield('公告截止日期', null=true) # 公告截止日期
startregistration = models.datetimefield('報名開始日期', null=true) # 報名開始日期
endregistration= models.datetimefield('報名結束日期', null=true) # 報名結束日期
crawltime = models.datetimefield('爬取時間', auto_now_add=true) # 爬取時間日期
bloomnb = models.charfield('雜湊值', max_length=200) # 雜湊值
md =mdtextfield('md富文字編輯器',null = true)
content = htmlfield('html富文字編輯器',null = true)

# 'suit',

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'buildingplat',

'mdeditor',

'tinymce']

（2）在settings.py新增富文字編輯器配置資訊，設定富文字編輯器的寬高

mdeditor_configs = 

tinymce_default_config = 

from django.conf.urls import url, include

from django.contrib import admin
from buildingplat import views
from django.conf.urls.static import static
from django.conf import settings
from django.urls import re_path
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^$',views.home),
url(r'mdeditor/', include('mdeditor.urls')),#md富文字編輯器
re_path(r'^tinymce/', include('tinymce.urls')),#html富文字編輯器
]

富文字編輯器

關於使用富文字編輯器的一些小坑 官網 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 是否允許瀏覽伺服器已上傳...

富文字編輯器

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