python_django_富文本

下载富文本:

pip install django-tinymce

一、配置

  • 在settings.py文件INSTALLED_APPS中添加:'tinymce';

二、应用

1、在admin中使用

a、在settings.py 文件中配置

TINYMCE_DEFAULT_CONFIG={    # 配置富文本的模式和大小
    'theme':'advanced',     
    'width':600,
    'height':400,
}

b、在models文件中添加模型类

# 引入富文本
from tinymce.models import HTMLField   # HTMLField 对大文本的封装
class Text(models.Model):
    str = HTMLField()     # 注:记得要对文本进行迁移:python manage.py makemigrations

添加后进行文件迁移:

python manage.py makemigrations
python manage.py migrate

c、在admin.py中添加管理

from .models import Text
admin.site.register(Text)   # 在站点中注册

c1、创建超级用户

python manage.py createsuperuser

python_django_富文本

效果:

python_django_富文本

2.在自定义视图中应用

1.完成相关配置

2.举个栗子:

对应的views.py文件

# 富文本
def edit(request):
    return render(request, 'myapp/edit.html')

对应的url.py文件

    # 富文本
    path('edit/', views.edit)   # python3.x

对应的edit.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>富文本</title>
    <script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script>
    <!--这里的/tiny_mce/tiny_mce.js是自动生成的,我们不用管-->
    <script type="text/javascript">
        tinyMCE.init({   // 调用的方法,初始化富文本
            'mode':'textareas',
            'theme':'advanced',
            'width':800,
            'height':600,
        })
    </script>
</head>
<body>
    <form action="/saveedit/" method="post">
        <!--再写一个url匹配这个,然后再写一个views.py接收这个数据,接收后存入数据库-->
        <textarea name="str"> baby is girl</textarea>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>

效果:

python_django_富文本

 

 

上一篇:PyQt5快速上手基础篇4-将lineEdit输入框数据同步显示再label和LCD屏上面


下一篇:如何在Android中以编程方式向联系人添加电话号码?