富文本编辑器

Posted 2021-03-22 wuxiaoshi

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了富文本编辑器相关的知识，希望对你有一定的参考价值。

富文本编辑器

导包
```
pip install tinymce
```
注册
```
INSTALLED_APPS = [
    'tinymce'
]
```

路由

urlpatterns = [
    path('tinymce/',views.TinymceView.as_view(),name='tinymce'),
]

视图

class TinymceView(APIView):
    def get(self,request):
        return render(request,'tinymce.html')

模版

<!DOCTYPE html>
<html>
<head>
    <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':200
        });
    </script>
</head>
<body>
    <form method="post" action="{%raw%}{% url 'demo2' %}{%endraw%}">
        <input type="text" name="hname">
        <br>
        <textarea name='hcontent'>主体</textarea>
        <br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

以上是关于富文本编辑器的主要内容，如果未能解决你的问题，请参考以下文章

谁会将富文本编辑器代码插入到html页面中

富文本编辑器代码编辑实时高亮

2016-6-5富文本编辑器

为啥在div里面做富文本编辑没有作用

从 HTML 正文中提取文本片段（在 .NET 中）

富文本编辑器代码