python-django 富文本编辑器

创建富文本:
    1.添加富文本库:pip install tinymce
    2.在setting.py配置文件中添加tinymce应用
        INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
        'ansap',
        'tinymce',
    ]
    3.在setting.py中配置富文本的大小:
        #富文本
        TINYMCE_DEFAULT_CONFIG={
            'theme':'advanced',
            'width':600,
            'height':400,
        }
    4.添加富文本models类
        在models.py文件中添加Text类
        from tinymce.models import  HTMLField
        class Text(models.Model):
            str = HTMLField()
    5.创建迁移文件,执行迁移文件
        python manage.py makemigrations
        python manage.py migrate
    6.在admin.py文件中注册富文本对象
        from .models import Text
        admin.site.register(Text)

    7.在自定义页面显示富文本编辑器:
    a.在urls.py文件中配置访问路径,跳转到edit.html页面
        url('edit/',views.edit),
        url('saveEdit/',views.saveEdit),
    b.在views.py文件中定义跳转方法
        def edit(request):
            return render(request,"ansap/edit.html")
    c.在html中引入js文件并进行初始配置
        
        
        
            
            富文本
            
            
        
        
            
{% csrf_token %}
d.在views.py文件中定义方法,接收页面提交的数据 def saveEdit(request): str = request.POST['str'] return HttpResponse(str)

你可能感兴趣的:(思普大数据技术)