IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> 2021-10-11 flask中使用tinymce富文本编辑器的记录 -> 正文阅读

[Python知识库]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> </head里边
  2. src=’/static/tinymce/tinymce.min.js’ 注意引入位置
  3. 引入语言的时候注意大小写
  4. selector: 这个是选择器,用它指定哪些使用富文本。主语区分一下名字前边的附后, # 是ID , 点是类。
  5. 经典模式下选择器指定textarea替换成富文本,作为表单的一部分,就像普通的textarea一样被提交。
<head lang="en">
    <script src='/static/tinymce/tinymce.min.js'></script>
    <script>
              tinymce.init({
                selector: '.mytextarea',
                  language:'zh_CN',
                  width: 1200 ,
              });
  </script>
    <meta charset="UTF-8">

</head>
<body style="text-align: center">
<h1>欢迎来到车辆调派平台测试版本</h1>
<table style="width: auto ">
    <form action="{{ url_for('user.index') }}" method="POST">
        <p><input type="text" placeholder="手机号" name="phone"></p>
        <p><input type="password" placeholder="输入密码" name="password"></p>
        <textarea class="mytextarea" rows="30" cols="30">111</textarea>
        <p><input type="submit" value="登录"></p>
    </form>

</table>

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

  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2021-10-12 23:23:18  更:2021-10-12 23:25:19 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/28 20:18:15-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计