美文网首页
如何在django项目中使用富文本tinymce

如何在django项目中使用富文本tinymce

作者: _昵称已被占用 | 来源:发表于2019-03-10 15:24 被阅读0次

1、用pip命令安装

pip install Django-tinymce

2、在setting.py文件注册如下代码

INSTALLED_APPS = (   
    'tinymce',  #在INSTALLED_APPS中注册
)

TINYMCE_DEFAULT_CONFIG = {  #默认的属性配置 放在空处,建议最底下
    'theme': 'advanced',
    'width': 600,
    'height': 400,
}

3、在urls.py中配置

urlpatterns = [
   url(r'^tinymce/', include('tinymce.urls')),  #Django 1.8 版本之前
   path('tinymce/', include('tinymce.urls')),  #Django 2.0版本写法,上面的写法也兼容
]

4、在应用中定义模型的属性 models.py中

from tinymce.models import HTMLField  #导入

class Goods(models.Model):
    gcontent = HTMLField()  #使用

安装tinymce还可以模块包网站去下载

#第一步下载地址
https://pypi.python.org/pypi/django-tinymce/#downloads   
#第二步解压 进入文件夹 执行命令
python setup.py install  
#重复上面的 2、3、4步

相关文章

  • tinyMCE实现远程图片上传并使用的配置

    tinyMCE实现远程图片上传并使用的配置 最近Vue后台项目开发中,使用tinyMCE作为富文本编辑器。作为富文...

  • 2018-07-23

    django项目admin后台整合tinymce富文本编辑并自定义添加图片本地上传和富文本中的回显 - 个人文章 ...

  • django模型类

    使用choices 使用富文本编辑器 先安装pip install django-tinymce==2.6.0 注...

  • 如何在django项目中使用富文本tinymce

    1、用pip命令安装 2、在setting.py文件注册如下代码 3、在urls.py中配置 4、在应用中定义模型...

  • Django下tinymce的本地上传图片功能

    应用场景 Django下需要加入富文本编辑,使用Tinymce富文本编辑器.但是他的图片上传功能是采用的是网络图片...

  • tinymce-vue 使用总结

    前言 由于项目的需求,需要使用tinymce富文本编辑器;分享一下在项目中使用tinymce的一些注意点。 基本使...

  • tinymce富文本复制图片上传OSS

    最近在项目中第一次用到tinymce富文本就碰到这个问题,看了tinymce官方文档[http://tinymce...

  • 富文本编辑器

    下载tinymce tinymce富文本编辑器配置,此版本需要将tinymce依赖放到plugins目录中

  • 2019-03-30

    在 Vue 项目中引入 tinymce 富文本编辑器 base64上传图片 webpack中使用ECharts文档...

  • tinymce vue富文本编辑器

    简介 最近在项目中使用一款非常实用,功能齐全的富文本编辑器----Tinymce Editor 文档参考-- 英文...

网友评论

      本文标题:如何在django项目中使用富文本tinymce

      本文链接:https://www.haomeiwen.com/subject/exwupqtx.html