python_django_富文本

下載富文本：javascript

pip install django-tinymce

1、配置html

在settings.py文件INSTALLED_APPS中添加：'tinymce'；

2、應用java

一、在admin中使用

a、在settings.py 文件中配置python

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

添加後進行文件遷移：django

python manage.py makemigrations python manage.py migrate

c、在admin.py中添加管理python3.x

from .models import Text admin.site.register(Text) # 在站點中註冊

c一、建立超級用戶app

python manage.py createsuperuser

效果：post

2.在自定義視圖中應用

1.完成相關配置url

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>

效果：