Django—富文本编辑器

  • 配置


    # 安装  pip install django-tinymce
    配置
    
    (1) 配置settings文件
    在INSTALL_APPS 添加如下代码
    
    
    INSTALLED_APPS = [
     ...
     'App',
     'tinymce',
    ]#富⽂本编辑器的配置
    
    
    在settings.py下添加如下代码
    TINYMCE_DEFAULT_CONFIG = {
     'theme':'advanced',
     'width':600,
     'height':400
    }

     

  • 实现


    # views.py
    
    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')).save()
        return HttpResponse('index')
    <!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>

     

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值