Django框架中tinymce富文本编辑器的使用

Posted 2022-10-20 jrri

1. 安装富文本模块

pip install tinymce

 

2. Django项目中注册添加配置.

Setting文件中应用注册

‘tinymce‘,

添加tinymce的基本设置.(高级-长600-宽-400)

TINYMCE_DEFAULT_CONFIG = 
    ‘theme‘: ‘advanced‘,
    ‘width‘: 600,
    ‘height‘: 400,

 3. urls配置

添加tinymce配置

url(r‘^tinymce/‘, include(‘tinymce.urls‘)),

 

4.models中调用

# 导入模块
from tinymce.models import htmlFile

# 在模型类中调用
ricetext = HTMLFile(verbose_name=‘富文本‘)

 

之后生成迁移文件迁移, 并在admin模块中注册所需相关, 即可在后台使用富文本添加信息.

 

##  富文本在数据库中存储为HTML格式标签, 使用时应注意转义.

 

## 自定义使用富文本:

找到tinymce安装目录, 拷贝tiny_mce_src.js文件、langs文件夹以及themes文件夹,到项目中存放静态js文件下, static/js/目录下.

然后依次设置views, urls, 以及template, 即可使用.

模板调用相应js文件后, 创建富文本对象.

tinyMCE.init(
    ‘mode‘:‘textareas‘, 
    ‘theme‘:‘advanced‘,
    ‘width‘:400,
    ‘height‘:100
);

mode设置textareas为: 所有的textarea标签转化为富文本.

之后需要时写入textarea标签即可使用.