富文本（django）

最新推荐文章于 2023-06-19 11:25:10 发布

匹诺曹木偶

最新推荐文章于 2023-06-19 11:25:10 发布

阅读量126

点赞数

分类专栏： django 文章标签： python

本文链接：https://blog.csdn.net/qq_43665151/article/details/104401292

版权

django 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

安装：
pip install django-tinymce

(1) 配置settings⽂件
在INSTALL_APPS 添加如下代码

INSTALLED_APPS = [
 ...
 'App',
 'tinymce',
]

在settings.py下添加如下代码

#富⽂本编辑器的配置
TINYMCE_DEFAULT_CONFIG = {
 'theme':'advanced',
 'width':600,
 'height':400
}

(2) 添加视图函数

def index(req):
 if req.method == 'GET':
 return render(req,'index.html')
 if req.method == 'POST':
 # print(req.POST)
 
Posts(title=req.POST.get('title'),content=req.POST.get('content')).sa
ve()
 return HttpResponse('index')

(3) 前台模板的展示

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <script src="/static/tiny_mce/tiny_mce.js"></script>
 <script>
 tinyMCE.init({
 'mode':'textareas',
 'width':800,
 'height':600,
 })
 </script>
</head>
<body>
<form action="/" method="POST">
 {% csrf_token %}
 <p>标题 <input type="text" name="title" placeholder="请输⼊标题"
maxlength="20" required></p>
 <textarea name="content" id="" cols="30" rows="10"></textarea>
 <input type="submit">
</form>
</body>
</html>

匹诺曹木偶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
富文本（django）

安装：pip install django-tinymce(1) 配置settings⽂件在INSTALL_APPS 添加如下代码INSTALLED_APPS = [ ... 'App', 'tinymce',]在settings.py下添加如下代码#富⽂本编辑器的配置TINYMCE_DEFAULT_CONFIG = { 'theme':'advanced', 'wid...
复制链接

扫一扫