Flask 使用富文本输入框

模板

<script src="{{ url_for('static', filename='ckeditor/ckeditor.js') }}"></script>
<script type=text/javascript>
    function CKupdate() {
                for (instance in CKEDITOR.instances)
                    CKEDITOR.instances[instance].updateElement();
    }
</script>
<label>{{ form.ann_content.label }}</label>
            {{ form.ann_content(style="margin: 0px; width: 711px; height: 250px;",class="ckeditor" ,rows="10",cols="80") }}
            <script>
                // 用CKEditor替换<textarea id="editor1">
                // 使用默认配置
                CKEDITOR.replace('ann_content', {
                    enterMode: CKEDITOR.ELEMENT_MODE_REPLACE}
                );
            </script>

提交表单之前先执行

CKupdate()

form里面写

ann_content = TextAreaField(u'公告内容')

ckeditor下载地址

http://ckeditor.com/download

转载于:https://www.cnblogs.com/wuxie1989/p/7156219.html