安装富文本编辑器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（模板，显示富文本编辑器）：
<html>
<head>
< >使用tinymce</ >
< type=\"text/ \" src=\'/static/js/tiny_mce.js\'></ >
< type=\"text/ \">
tinyMCE.init({
\'mode\':\'textareas\',
\'theme\':\'advanced\',
\'width\':400,
\'height\':100
});
</ >
</head>
<body>
<form method=\"post\" action=\"#\">
<textarea name=\'gcontent\'>哈哈，这是啥呀</textarea>
</form>
</body>
</html>
继续阅读与本文标签相同的文章
上一篇 :
陈金凌：全球外贸独立站项目建站方案
-
两问快递涨价
2026-05-19栏目： 教程
-
一图了解顺丰全球供应链网络布局
2026-05-19栏目： 教程
-
这款 IDE 插件再次升级，让「小程序云」的开发部署提速 8 倍
2026-05-19栏目： 教程
-
专注于技术能力提升的央企，注定不平凡，我有看点！
2026-05-19栏目： 教程
-
男友力爆棚的Mac电脑办公软件WPS Office
2026-05-19栏目： 教程