安装富文本编辑器tinymce的安装包: pip3 install django-tinymce==2.6.0
项目名/settings.py(项目配置,配置富文本编辑器):
INSTALLED_APPS = (
...
'tinymce', # 注册安装应用。
)
# 富文本编辑器的配置
TINYMCE_DEFAULT_CONFIG = {
'theme': 'advanced',
'width': 600,
'height': 400,
}
应用名/models.py(模型类,HTMLField字段类型):
from django.db import models
from tinymce.models import HTMLField
# 定义模型类
class GoodsInfo(models.Model):
gcontent=HTMLField() # 字段类型HTMLField
打开虚拟环境的目录,找到tinymce的目录。
/home/用户名/.virtualenvs/xxx/lib/python3.5/site-packages/tinymce/static/tiny_mce
拷贝tiny_mce_src.js文件、langs文件夹以及themes文件夹拷贝到项目目录下的static/js/目录下。(配置静态资源托管)
templates/应用名/demo.html(模板,显示富文本编辑器):
使用tinymcetinyMCE.init({
'mode':'textareas',
'theme':'advanced',
'width':400,
'height':100
});
哈哈,这是啥呀