Flask套用TinyMCE简单方式

小吴（马上秃头）

已于 2023-01-15 15:18:43 修改

阅读量270

点赞数

分类专栏： Flask网站开发文章标签： flask python 后端前端 Powered by 金山文档

于 2023-01-13 22:18:57 首次发布

本文链接：https://blog.csdn.net/qq_33021743/article/details/128680180

版权

Flask网站开发专栏收录该内容

1 篇文章 1 订阅

订阅专栏

比官方模板简单！！！！

一、TinyMCE是个啥？

TinyMCE 是一个轻量级的，基于浏览器的，所见即所得编辑器，支持目前流行的各种浏览器，由 JavaScript 写成。功能配置灵活简单（两行代码就可以将编辑器嵌入网页中），支持 AJAX。另一特点是加载速度非常快，如果你的服务器采用的脚本语言是 PHP，那还可以进一步优化。最重要的是，TinyMCE 是一个根据 LGPL license 发布的自由软件，你可以把它用于商业应用。

下图是此编辑器的界面：

在线演示地址：https://www.tinymce.com/docs/demo/full-featured/

以上来自官方的内容，各位小伙伴可以查看官方的文档。

二、切入正题：TinyMCE在Flask如何套用

我这里其实用了一个前端的框架，直接引入CSS文件。在所需要的页面加入下面这段代码，就可以使用TinyMCE啦！

<!-- TinyMCE Editor -->
<div class="row mb-3">
  <label class="col-sm-2 col-form-label">项目简介</label>
  <div class="col-sm-10">
      <textarea class="tinymce-editor" rows="3" name="project_brief_introduction">
      </textarea><!-- End TinyMCE Editor -->
  </div>
</div>

具体的前端框架，我这边直接分享给大家，需要自取哈~

链接: https://【记得把这个删掉】pan.baidu.com/s/【记得把这个删掉】1640xfpfuhxOsjLZtIoqrWw?【记得把这个删掉】pwd=xjkd