Django高级应用之富文本(文本编辑器的运用)

先安装django-tinymce

一、在站点中使用

(1)配置settings文件

INSTALLED_APPS中添加: ‘tinyce’

在最下面增加:

#富文本
TINYMCE_DEFAULT_CONFIG={
    'theme':'advanced',   #设置功能
    'width':600,     #宽
    'height':400,    #高
}

Model文件中

from tinymce.models import HTMLField
class Text(models.Model):
    str = HTMLField()

admin文件中注册

from .models import Text
admin.site.register(Text)

重新migrate数据库

首先删掉迁移文件

然后python manage.py makemigrations

再次 python manage.py migrate


二、在自定义视图中使用(多数在这里使用)

 在这里不涉及settings配置

(1)创建html文件:

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>
    <script type="text/javascript">
        tinyMCE.init({
            'mode':'textareas',
            'theme':'advanced',
            'width':800,
            'height':600,
        })
    </script>
</head>
<body>
    <form action="/saveedit" method="post">
        <textarea name="str">sunck is a good man</textarea>
        <input type="submit" value="提交">
    </form>
</body>
</html>

配置url

url(r'^edit/$',views.edit),

编写views

def edit(request):
    return render(request,'myApp/edit.html')

猜你喜欢

转载自blog.csdn.net/weixin_38654336/article/details/80056764