栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

2021-10-11 flask中使用tinymce富文本编辑器的记录

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

2021-10-11 flask中使用tinymce富文本编辑器的记录

1.tinymce这个富文本编辑器带有丰富的组件可以大大简化用户在网页中编辑文章的需求开发难度,那么我们记录下具体的一些步骤,尽量做到先写一个简单的。

首先贴出参考的快速文档:

http://tinymce.ax-z.cn/

第一步,下载文件并本地部署

http://tinymce.ax-z.cn/download-all.php  #在这个页面下载社区版压缩包

解压的时候会有好几层,只从tinymce这一层弄出来放在静态里如下图,当然如果你胡乱套了好几层文件夹也不是不可以,初始化的时候你能找到目标JS就行。

第二步 咱先汉化了吧,下载zh_CN.js

把这个放在static/tinymce/langs/目录下
第三步 导入并初始化
注意:

  1. script> 要写在 head>
  2. src=’/static/tinymce/tinymce.min.js’ 注意引入位置
  3. 引入语言的时候注意大小写
  4. selector: 这个是选择器,用它指定哪些使用富文本。主语区分一下名字前边的附后, # 是ID , 点是类。
  5. 经典模式下选择器指定textarea替换成富文本,作为表单的一部分,就像普通的textarea一样被提交。

    
    
    



欢迎来到车辆调派平台测试版本

至此,你应该有一个简单的富文本输入框了,想进一步修改,那还是自己去上边的页面去看吧,那里比较全这里就不再搬运了。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/317598.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号