使用富文本編譯器
- tinymce插件
- 安裝
- pip install django-tinymce
- setting配置
- INSTALLED_APPS添加 tinymce應用
- ‘tinymce’
- 添加默認配置
- TINYMCE_DEFAULT_CONFIG={
‘theme’:‘advanced’,
‘width’:800,
‘height’:600,
}
- TINYMCE_DEFAULT_CONFIG={
- INSTALLED_APPS添加 tinymce應用
- 頁面導入
- head中添加script
- 引入static文件夾
- {% load static %}
- 添加script
<script src="/static/tiny_mce/tiny_mce.js"></script> <script> tinyMCE.init({ 'mode':'textareas', 'theme':'advanced', 'width': 800, 'height':600 }) </script> - 引入static文件夾
- head中添加script
- 安裝
- ckeditor
- 安裝
- pip install django-ckeditor
- setting配置
-
INSTALLED_APPS添加 tinymce應用
- ‘ckeditor’
-
models 配置
from ckeditor.fields import RichTextField 模型類中 model=RichTextField() -
頁面引入
<html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.ckeditor.com/4.12.1/standard/ckeditor.js"></script> </head> <body> <textarea name="editor1"></textarea> <script> CKEDITOR.replace( 'editor1' ); </script> </body> </html> -
- 安裝