富文本编辑器

  • 借助富文本编辑器,网站的编辑人员能够像使用offfice一样编写出漂亮的、所见即所得的页面
  • 此处以tinymce为例,其它富文本编辑器的使用也是类似的
  • 在虚拟环境中安装包
pip install django-tinymce==2.6.0
  • 效果如下图

在Admin中使用

使用示例

  • 在settings.py中INSTALLED_APPS安装应用
INSTALLED_APPS = (
    ...
    'tinymce',
)
  • 在settings.py中添加编辑器配置项
TINYMCE_DEFAULT_CONFIG = {
    'theme': 'advanced',
    'width': 600,
    'height': 400,
}
  • 在根级urls.py中配置编辑器url
urlpatterns = [
    ...
    url(r'^tinymce/', include('tinymce.urls')),
]
  • 将模型类GoodsInfo的字段gcontent修改如下
from tinymce.models import HTMLField
...
class GoodsInfo(models.Model):
    ...
    gcontent=HTMLField()
    ...
  • 迁移,生成数据表