init

README.md

-# 1024程序员开源挑战赛
+![](https://file.iviewui.com/cloud-ide/1024game-cover.png)
 
-**任务快速入口**
-- 任务一，赢取 一年10核10G云实验环境会员：[GitCode平台基础操作](https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A11.md)
-    - 2022/10/23日 [开发者中奖名单](https://gitcode.net/gitcode/1024opensource/-/blob/master/%E4%BB%BB%E5%8A%A11%E4%B8%AD%E5%A5%96%E5%90%8D%E5%8D%95.md)
-- 任务二，赢取 CSDN定制书包：[开源项目开发与运行](https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A12.md)
-- 任务三，赢取 现金大礼：[1024云IDE应用挑战赛](https://gitcode.net/cloud-ide/1024)
+## 一、大赛介绍
 
-上述每项任务无顺序依赖关系，三项任务都可参与或独立参与。
+代码开发随着云计算技术的不断发展，云 IDE 能够帮助开发者聚焦业务逻辑，简化应用开发难度，提升软件研发效率。云 IDE 应用挑战赛是由 CSDN 自主策划的轻量级挑战赛事。参赛者可在 CSDN 的云 IDE 上（[https://ide.csdn.net](https://ide.csdn.net)）自动拉取代码并在线运行、预览、提交代码，赛事所有的事项都可以在云 IDE 内一站式完成。比赛不对作品提交形式作限制，参赛者可以尽情发挥自己的想象力。
 
-## 一、活动介绍
-**1024开源挑战赛** 是CSDN官方在1024程序员节重磅推出的开源活动，致力让开发者使用和参与开源项目。在“开源正在吞噬世界”的大背景下，94%的开发者正在使用开源项目与软件，此次活动希望广大开发者了解开源的同时获取社区奖励。
+## 二、参赛对象
 
-## 二、活动安排
+大赛面向全社会开放，个人、高等院校、科研单位、企业等人员均可报名参赛。
 
-|  序号   | 任务名称  | 用户群体 | 时间安排 |
-|  ----  | ----  |  ----  | ----  |
-| 1  | GitCode平台基础操作 | 开源使用者 | 2022.10.23 - 2022.11.14 |
-| 2  | 开源项目开发与运行 | 开源使用者 | 2022.10.23 - 2022.11.14 |
-| 3  | 1024云IDE应用挑战赛 | 开源贡献者 | 2022.10.23 - 2022.11.14 |
+说明：如有大赛主办方和技术支持单位（如 CSDN 员工）参赛，则自动放弃获奖资格。
 
-上述每项任务无顺序依赖关系，三项任务都可参与或独立参与。
+## 三、赛事安排
 
-## 三、奖项设置
-|  序号   | 任务名称  | 任务奖励 | 领取条件 | 发放规则 | 人数限制 |
-|  ----  | ----  |  ----  | ----  | ---- | ---- | 
-| 1  | GitCode平台基础操作 | [一年10核10G云实验环境会员](https://mydev.csdn.net/product/pod/new) | 完成任务即可发放 | 次日发放奖励 |100,000 | 
-| 2  | 开源项目开发与运行 | [CSDN定制书包](https://img-home.csdnimg.cn/images/20221013053300.png) | 完成任务通过检查后发放 | 每周公布中奖名单，奖品在活动结束后30个工作日发放 | 2,000 | 
-| 3  | 1024云IDE应用挑战赛 | 最高5000元现金奖励 | 报名评选获奖后发放 | 11月15日公布评选结果，奖品在活动结束后7个工作日发放 | 88 |
+|  赛程   | 时间  |
+|  ----  | ----  |
+| 参赛报名及提交作品  | 2022.10.23 - 2022.11.06 |
+| 作品评选  | 2022.11.07 - 2022.11.14 |
+| 评选结果公布  | 2022.11.15 |
+| 奖励发放  | 2022.11.16 - 2022.11.22 |
 
-## 四、参与任务入口
-|  序号   | 任务名称  | 任务入口 |
-|  ----  | ----  |  ----  |
-| 1  | [GitCode平台基础操作](https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A11.md) | [https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A11.md](https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A11.md) | 
-| 2  | [开源项目开发与运行](https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A12.md) | [https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A12.md](https://gitcode.net/gitcode/1024opensource/-/blob/master/%E5%BC%80%E6%BA%90%E4%BB%BB%E5%8A%A12.md) | 
-| 3  | [1024云IDE应用挑战赛](https://gitcode.net/cloud-ide/1024) | [https://gitcode.net/cloud-ide/1024](https://gitcode.net/cloud-ide/1024) |
+## 四、奖项设置
 
+|  奖项   | 奖品  | 人数 |
+|  ----  | ----  | ---- |
+| 一等奖  | 奖金 5000 元 + 10核 10G 云实验环境会员（云IDE会员）-1年| 1 |
+| 二等奖  | 奖金 2000 元 + 10核 10G 云实验环境会员（云IDE会员）-1年 | 2 |
+| 三等奖  | 奖金 1000 元 + 10核 10G 云实验环境会员（云IDE会员）-1年 | 5 |
+| 优秀奖  | 奖金 100 元 + 10核 10G 云实验环境会员（云IDE会员）-1年 | 80 |
+| 参与奖  | 10核 10G 云实验环境会员（云IDE会员）-1个月 | 前10000名参赛者可得 |
 
-## 五、活动交流
-开源活动官方交流群（仅参与者之间讨论和交流）。扫码进入选手沟通群。活动重要节点通知会在群内第一时间告知，请所有参与者尽量加群。
+## 五、参赛要求
 
-![](https://file.iviewui.com/asd/cloud-ide/cloud-ide-2.png)
+1. 开发者可根据自己情况选择业界知名开源项目进行自行开发，或自研可开源项目结合GitCode和Cloud IDE进行开发与适配，作品要求必须能通过 CSDN 的云 IDE 内置的预览功能，在云 IDE 内预览。（CSDN 的云IDE：[https://ide.csdn.net](https://ide.csdn.net)）。作品可以是任何小应用（如外卖H5、个人主页）；小游戏（如 2048、五子棋）；各类特效（如 three.js、前端动画）等。
 
-## 六、活动点评
+2. 未满 18 周岁的报名者，请在报名前征得有法定监护权的监护人的同意。
 
-### 活动建议
-如果大家对本次活动有建议，可以直接在本项目中提交issue，我们会认真对待每一个评论，非常感谢大家！！！
-### 活动点赞👍
-如果大家喜欢本次开源挑战赛活动，可以点击本项目的star，我们会根据大家的star数作为后期是否长期举办的重要依据，非常感谢大家！！！
+3. 参赛作品不存在抄袭等行为。
 
+4. 除参与奖外，获奖人员，领奖时需实名认证，1 个实名认证用户仅可领取1份奖项。
 
-## 七、活动声明
-本活动最终解释权归CSDN所有，所有中奖名单会在活动结束后进行公示
+## 六、报名及参赛流程
 
+1. **进入 1024 云 IDE 应用挑战赛页面：[https://gitcode.net/cloud-ide/1024](https://gitcode.net/cloud-ide/1024)** 。**Fork 该项目，即参与比赛**。
 
+2. **参赛后，将 Fork 的项目在云 IDE 中打开，并在云IDE中完成您自己的作品，提交代码。**
+
+在云IDE提交代码，有2种操作方法，任选其一即可：
+
+**方法一：**
+
+> (1) 访问 [https://ide.csdn.net](https://ide.csdn.net) ，新建工作空间，仓库地址填写 克隆 的 Git 地址（操作方法：点击”克隆“，复制 ”通过SSH Clone项目“ 的链接）
+>  
+> <img src="https://gitcode.net/cloud-ide/1024/-/raw/main/src/gitcode-ssh.png" width="400px" style="border: 6px solid #fff;border-radius: 2px;">
+> <img src="https://file.iviewui.com/cloud-ide/cloud-ide-img-1.png" width="400px" style="border: 6px solid #fff;border-radius: 2px;">
+> 
+> （2）填写 SSH 的 Git 地址，并将云 IDE 提供的 SSH Key （操作方法：[https://dev-ide.csdn.net/doc#git_commit](https://dev-ide.csdn.net/doc#git_commit) ）绑定到自己的 GitCode SSH 密钥中 [https://gitcode.net/-/profile/keys](https://gitcode.net/-/profile/keys)
+
+
+**方法二：**
+
+> (1) 直接在 Fork 的 GitCode 域名前加 ide 进入，例如 https://gitcode.net/xxxxx/1024 修改为 https://idegitcode.net/xxxxx/1024
+> <br/>
+> <img src="https://file.iviewui.com/cloud-ide/cloud-ide-img-2.png" width="400px" style="border: 6px solid #fff;border-radius: 2px;display:block">
+> 
+> (2) 提交代码时，云 IDE 会让用户输入 CSDN 的账号和密码（即手机号+密码）
+
+
+## 七、评选规则
+
+由评选委员会根据获得的 Star、作品复杂程度、易用性、新颖性等多角度评选。 
+
+1. Star 占比 20%
+
+    a. 获得 Star 的数量，1 颗即为 1 分，最高 20 分封顶
+
+2. 作品复杂程度占比 40%
+
+    a. 作品完整度
+
+    b. 代码简洁，代码可读性强
+
+    c. 架构清晰
+
+    d. 作品难度，如使用了一些高级 API，比如 WebGL、Canvas
+
+3. 易用性占比 30%
+
+    a. 作品配套的说明，如果项目介绍、如果使用等
+
+    b. 交互体验，产品具有较好的交互体验，有足够的易用性
+
+    c. 可用，代码能在 CSDN 的云 IDE 上完整运行
+
+4. 新颖性占比 10%
+
+    a. 新颖性，使用了较为新颖的技术实现
+
+## 八、领奖规则
+
+1. 获奖名单会在该评选结束后在该页面公布。
+
+2. 工作人员将在活动结束后的7个工作日内，通过CSDN私信联系中奖用户，进行发奖，请您注意消息通知。
+
+## 九、赛事交流
+
+参赛选手官方交流群（仅作为选手之间讨论和交流）。扫码进入选手沟通群。大赛重要节点通知会在群内第一时间告知，请所有报名选手务必加群
+
+<img src="https://file.iviewui.com/asd/cloud-ide/cloud-ide-2.png" width="200px" style="border: 6px solid #fff;border-radius: 2px;">
+
+## 十、其他说明
+
+若出现以下情况，将视为违规，大赛组委会有权取消用户参赛资格及获得的奖项。
+
+1. 参赛报名信息虚假，或不符合大赛报名要求的参赛者。
+
+2. 参赛作品涉嫌抄袭，侵犯他人知识产权等行为。
+
+3. 参赛期间或参赛作品发现或被举报认定存在的其他违法、违规行为。
+
+法律允许范围内的，最终解释权归 CSDN 所有。
+
+<div style="height:200px"></div>
 

algolia.json

+{
+  "data": []
+}
\ No newline at end of file

assets/chunk/README_t_8xxjnl1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var t;return{setters:[function(){},function(e){t=e.M}],execute:function(){e("default",t({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="首行缩进(增强版)" tabindex="-1"><a class="header-anchor" href="#首行缩进(增强版)">#</a> 首行缩进(增强版)</h1>\n<p><img src="https://img.shields.io/badge/tinymce--plugin-%3E=1-blue.svg?logo=github" alt="tinymce-plugin Version"> <a href="https://www.npmjs.com/package/@tinymce-plugin/tp-indent2em" target="_blank"><img src="https://img.shields.io/npm/v/@tinymce-plugin/tp-indent2em.svg" alt="release candidate"></a> <a href="https://github.com/tinymce-plugin/tp-indent2em/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/github/license/tinymce-plugin/tp-indent2em.svg" alt="GitHub license"></a> <a href="https://codeload.github.com/tinymce-plugin/tp-indent2em/zip/main" target="_blank"><img src="https://img.shields.io/badge/downloads-main-green.svg" alt="Download"></a> <a href="https://www.tiny.cloud" target="_blank"><img src="https://img.shields.io/badge/tinymce-%3E%3D%205.2.x-green.svg" alt="tinymce Version"></a></p>\n<blockquote>\n<p>实现 tinymce 富文本框首行缩进功能 能很好配合 字体大小(fon-size)  字母间距(letter-spacing) 实现首行缩进</p>\n</blockquote>\n</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tp-indent2em" pagesName="README_t_8xxjnl1665394502088_p_" />'}))}}}));

assets/chunk/README_t_8xxjnl1665394502088_p_.js

+import"./pinia.js";import{M as t}from"./vue.js";const n=t({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="\u9996\u884C\u7F29\u8FDB(\u589E\u5F3A\u7248)" tabindex="-1"><a class="header-anchor" href="#\u9996\u884C\u7F29\u8FDB(\u589E\u5F3A\u7248)">#</a> \u9996\u884C\u7F29\u8FDB(\u589E\u5F3A\u7248)</h1>
+<p><img src="https://img.shields.io/badge/tinymce--plugin-%3E=1-blue.svg?logo=github" alt="tinymce-plugin Version"> <a href="https://www.npmjs.com/package/@tinymce-plugin/tp-indent2em" target="_blank"><img src="https://img.shields.io/npm/v/@tinymce-plugin/tp-indent2em.svg" alt="release candidate"></a> <a href="https://github.com/tinymce-plugin/tp-indent2em/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/github/license/tinymce-plugin/tp-indent2em.svg" alt="GitHub license"></a> <a href="https://codeload.github.com/tinymce-plugin/tp-indent2em/zip/main" target="_blank"><img src="https://img.shields.io/badge/downloads-main-green.svg" alt="Download"></a> <a href="https://www.tiny.cloud" target="_blank"><img src="https://img.shields.io/badge/tinymce-%3E%3D%205.2.x-green.svg" alt="tinymce Version"></a></p>
+<blockquote>
+<p>\u5B9E\u73B0 tinymce \u5BCC\u6587\u672C\u6846\u9996\u884C\u7F29\u8FDB\u529F\u80FD \u80FD\u5F88\u597D\u914D\u5408 \u5B57\u4F53\u5927\u5C0F(fon-size)  \u5B57\u6BCD\u95F4\u8DDD(letter-spacing) \u5B9E\u73B0\u9996\u884C\u7F29\u8FDB</p>
+</blockquote>
+</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tp-indent2em" pagesName="README_t_8xxjnl1665394502088_p_" />`});export{n as default};

assets/chunk/README_t_b46qy61665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(t){"use strict";var e;return{setters:[function(){},function(t){e=t.M}],execute:function(){t("default",e({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="tp-importword" tabindex="-1"><a class="header-anchor" href="#tp-importword">#</a> tp-importword</h1>\n<p>importword\n详情可见\n<a href="https://tinymce-plugin.github.io" target="_blank">https://tinymce-plugin.github.io</a>\n<a href="https://tinymce-plugin.gitee.io" target="_blank">https://tinymce-plugin.gitee.io</a></p>\n</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tp-importword" pagesName="README_t_b46qy61665394502088_p_" />'}))}}}));

assets/chunk/README_t_b46qy61665394502088_p_.js

+import"./pinia.js";import{M as t}from"./vue.js";const p=t({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="tp-importword" tabindex="-1"><a class="header-anchor" href="#tp-importword">#</a> tp-importword</h1>
+<p>importword
+\u8BE6\u60C5\u53EF\u89C1
+<a href="https://tinymce-plugin.github.io" target="_blank">https://tinymce-plugin.github.io</a>
+<a href="https://tinymce-plugin.gitee.io" target="_blank">https://tinymce-plugin.gitee.io</a></p>
+</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tp-importword" pagesName="README_t_b46qy61665394502088_p_" />`});export{p as default};

assets/chunk/README_t_j2r83t1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(t){"use strict";var e;return{setters:[function(){},function(t){e=t.M}],execute:function(){t("default",e({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="tp-layout" tabindex="-1"><a class="header-anchor" href="#tp-layout">#</a> tp-layout</h1>\n<p>One click layout</p>\n</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tp-layout" pagesName="README_t_j2r83t1665394502088_p_" />'}))}}}));

assets/chunk/README_t_j2r83t1665394502088_p_.js

+import"./pinia.js";import{M as t}from"./vue.js";const e=t({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="tp-layout" tabindex="-1"><a class="header-anchor" href="#tp-layout">#</a> tp-layout</h1>
+<p>One click layout</p>
+</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tp-layout" pagesName="README_t_j2r83t1665394502088_p_" />`});export{e as default};

assets/chunk/README_t_swfskv1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(n){"use strict";var t;return{setters:[function(){},function(n){t=n.M}],execute:function(){n("default",t({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="Welcome!" tabindex="-1"><a class="header-anchor" href="#👋 Welcome !">#</a> <strong>👋 Welcome !</strong></h1>\n<blockquote>\n<p>欢迎来到 <a href="https://github.com/tinymce-plugin" target="_blank"><strong><code class="fv-code_inline">Tinymce-plugin</code></strong> </a></p>\n<p>这是一个专注 提供 <strong>强大、好用、丰富</strong> 的 <a href="https://www.tiny.cloud" target="_blank"><code class="fv-code_inline">tinymce</code></a> 富文本编辑器 <strong>插件</strong>、<strong>扩展</strong> 和 <strong>技术</strong> 的技术社区，方便 <strong>交流讨论</strong>，<strong>分享经验</strong> 。</p>\n<p>本社区有多个不错的插件或者项目，欢迎 Star ⭐ 关注~</p>\n</blockquote>\n<h1 id="✨Tinymce-plugin" tabindex="-1"><a class="header-anchor" href="#✨Tinymce-plugin">#</a> ✨Tinymce-plugin</h1>\n<hr>\n<p><a href="https://github.com/tinymce-plugin" target="_blank"><img src="https://tinymce-plugin.github.io/badge.svg" alt="tinymce-plugin"></a> \n<a href="https://www.npmjs.com/package/tinymce-plugin" target="_blank"><img src="https://img.shields.io/npm/v/tinymce-plugin.svg" alt="release candidate"></a> \n<a href="https://www.tiny.cloud" target="_blank"><img src="https://img.shields.io/badge/tinymce-5.2.0~5.x.x-green.svg" alt="tinymce Version"></a> \n<a href="https://github.com/tinymce-plugin/tp-indent2em/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/github/license/tinymce-plugin/tp-indent2em.svg" alt="GitHub license"></a> \n<a href="https://www.tiny.cloud" target="_blank"><img src="https://img.shields.io/npm/dm/@npkg/tinymce-plugins" alt="tinymce Version"></a></p>\n<p><strong>Tinymce-plugin 社区 所有稳定插件 将收录在 <a href="https://www.npmjs.com/package/tinymce-plugin" target="_blank"><strong>tinymce-plugin</strong></a> 和 <a href="https://www.npmjs.com/package/@npkg/tinymce-plugin" target="_blank"><strong>@npkg/tinymce-plugin</strong></a> 中。（二者同步）</strong></p>\n<h3 id="注意" tabindex="-1"><a class="header-anchor" href="#注意">#</a> 注意</h3>\n<p>旧版包 <a href="https://www.npmjs.com/package/@npkg/tinymce-plugins" target="_blank"><s><strong><code class="fv-code_inline">@npkg/tinymce-plugins</code></strong></s></a> 停止维护</p>\n<p>由<a href="https://www.npmjs.com/package/tinymce-plugin" target="_blank"><strong><code class="fv-code_inline">tinymce-plugin</code></strong></a> 和 <a href="https://www.npmjs.com/package/@npkg/tinymce-plugin" target="_blank"><strong><code class="fv-code_inline">@npkg/tinymce-plugin</code></strong></a> 替代</p>\n<h1 id="‍♂️加入社区" tabindex="-1"><a class="header-anchor" href="#🙋‍♂️ 加入社区">#</a> 🙋‍♂️ 加入社区</h1>\n<p>如果你正在使用tinymce，不妨加入 Tinymce-plugin 组织，和我们一起维护发展，共同成长。可以通过以下两种方式加入：</p>\n<ul>\n<li>直接在这个 <a href="https://github.com/tinymce-plugin/tinymce-plugin.github.io/issues/3" target="_blank"><em><em><strong>issue</strong></em></em></a> 上评论，告知我们你想加入 tinymce-plugin。</li>\n<li>发送邮件到 <a href="mailto:fivecc@qq.com?Subject=%E5%8A%A0%E5%85%A5Tinymce-plugin%E7%A4%BE%E5%8C%BA%E7%BB%84%E7%BB%87" target="_blank"><strong>fivecc@qq.com</strong></a>，写明你的 GitHub ID，如 five-great。\n默认情况下，在你加入我们之后，你作为 GitHub tinymce-plugin 组织成员的信息是处于隐藏状态的。如果你希望在你的个人 GitHub 资料页上展示 tinymce-plugin 组织，你可以在 <a href="https://github.com/orgs/tinymce-plugin/people" target="_blank"><em><em><strong>Tinymce-plugin People</strong></em></em></a> 处将你的信息从 private “私有”改为 public “公开”。当然，我们推荐设置为公开。</li>\n</ul>\n<h1 id="交流讨论" tabindex="-1"><a class="header-anchor" href="#💬 交流讨论">#</a> 💬 交流讨论</h1>\n<ul>\n<li>\n<p>欢迎前往 <a href="https://github.com/tinymce-plugin/tinymce-plugin.github.io/discussions" target="_blank"><em><em><strong>Discussions</strong></em></em></a> 上参与讨论或咨询问题。</p>\n</li>\n<li>\n<p>欢迎加入 <a href="https://jq.qq.com/?_wv=1027&amp;k=JgsnIlUw" target="_blank"><em><em><strong><code class="fv-code_inline">qq交流群 143085779</code></strong></em></em></a>\n<img src="https://tinymce-plugin.github.io/qq.png#pic_center" alt="qq群二维码"></p>\n</li>\n</ul>\n<p><a href="http://t.csdn.cn/kPcOh" target="_blank"><em><em><strong>CSDN 社区</strong></em></em></a></p>\n<h1 id="贡献者列表" tabindex="-1"><a class="header-anchor" href="#👍 贡献者列表">#</a> 👍 贡献者列表</h1>\n<p><a href="https://opencollective.com/tinymce-plugin/contributors.svg?width=890&button=false"><img src="https://opencollective.com/tinymce-plugin/contributors.svg?width=890&button=false" /></a></p>\n<hr>\n</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="README_t_swfskv1665394502088_p_" />'}))}}}));

assets/chunk/README_t_swfskv1665394502088_p_.js

+import"./pinia.js";import{M as n}from"./vue.js";const i=n({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="Welcome!" tabindex="-1"><a class="header-anchor" href="#\u{1F44B} Welcome !">#</a> <strong>\u{1F44B} Welcome !</strong></h1>
+<blockquote>
+<p>\u6B22\u8FCE\u6765\u5230 <a href="https://github.com/tinymce-plugin" target="_blank"><strong><code class="fv-code_inline">Tinymce-plugin</code></strong> </a></p>
+<p>\u8FD9\u662F\u4E00\u4E2A\u4E13\u6CE8 \u63D0\u4F9B <strong>\u5F3A\u5927\u3001\u597D\u7528\u3001\u4E30\u5BCC</strong> \u7684 <a href="https://www.tiny.cloud" target="_blank"><code class="fv-code_inline">tinymce</code></a> \u5BCC\u6587\u672C\u7F16\u8F91\u5668 <strong>\u63D2\u4EF6</strong>\u3001<strong>\u6269\u5C55</strong> \u548C <strong>\u6280\u672F</strong> \u7684\u6280\u672F\u793E\u533A\uFF0C\u65B9\u4FBF <strong>\u4EA4\u6D41\u8BA8\u8BBA</strong>\uFF0C<strong>\u5206\u4EAB\u7ECF\u9A8C</strong> \u3002</p>
+<p>\u672C\u793E\u533A\u6709\u591A\u4E2A\u4E0D\u9519\u7684\u63D2\u4EF6\u6216\u8005\u9879\u76EE\uFF0C\u6B22\u8FCE Star \u2B50 \u5173\u6CE8~</p>
+</blockquote>
+<h1 id="\u2728Tinymce-plugin" tabindex="-1"><a class="header-anchor" href="#\u2728Tinymce-plugin">#</a> \u2728Tinymce-plugin</h1>
+<hr>
+<p><a href="https://github.com/tinymce-plugin" target="_blank"><img src="https://tinymce-plugin.github.io/badge.svg" alt="tinymce-plugin"></a>\xA0
+<a href="https://www.npmjs.com/package/tinymce-plugin" target="_blank"><img src="https://img.shields.io/npm/v/tinymce-plugin.svg" alt="release candidate"></a>\xA0
+<a href="https://www.tiny.cloud" target="_blank"><img src="https://img.shields.io/badge/tinymce-5.2.0~5.x.x-green.svg" alt="tinymce Version"></a>\xA0
+<a href="https://github.com/tinymce-plugin/tp-indent2em/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/github/license/tinymce-plugin/tp-indent2em.svg" alt="GitHub license"></a>\xA0
+<a href="https://www.tiny.cloud" target="_blank"><img src="https://img.shields.io/npm/dm/@npkg/tinymce-plugins" alt="tinymce Version"></a></p>
+<p><strong>Tinymce-plugin \u793E\u533A \u6240\u6709\u7A33\u5B9A\u63D2\u4EF6 \u5C06\u6536\u5F55\u5728 <a href="https://www.npmjs.com/package/tinymce-plugin" target="_blank"><strong>tinymce-plugin</strong></a> \u548C <a href="https://www.npmjs.com/package/@npkg/tinymce-plugin" target="_blank"><strong>@npkg/tinymce-plugin</strong></a> \u4E2D\u3002\uFF08\u4E8C\u8005\u540C\u6B65\uFF09</strong></p>
+<h3 id="\u6CE8\u610F" tabindex="-1"><a class="header-anchor" href="#\u6CE8\u610F">#</a> \u6CE8\u610F</h3>
+<p>\u65E7\u7248\u5305 <a href="https://www.npmjs.com/package/@npkg/tinymce-plugins" target="_blank"><s><strong><code class="fv-code_inline">@npkg/tinymce-plugins</code></strong></s></a> \u505C\u6B62\u7EF4\u62A4</p>
+<p>\u7531<a href="https://www.npmjs.com/package/tinymce-plugin" target="_blank"><strong><code class="fv-code_inline">tinymce-plugin</code></strong></a> \u548C <a href="https://www.npmjs.com/package/@npkg/tinymce-plugin" target="_blank"><strong><code class="fv-code_inline">@npkg/tinymce-plugin</code></strong></a> \u66FF\u4EE3</p>
+<h1 id="\u200D\u2642\uFE0F\u52A0\u5165\u793E\u533A" tabindex="-1"><a class="header-anchor" href="#\u{1F64B}\u200D\u2642\uFE0F \u52A0\u5165\u793E\u533A">#</a> \u{1F64B}\u200D\u2642\uFE0F \u52A0\u5165\u793E\u533A</h1>
+<p>\u5982\u679C\u4F60\u6B63\u5728\u4F7F\u7528tinymce\uFF0C\u4E0D\u59A8\u52A0\u5165 Tinymce-plugin \u7EC4\u7EC7\uFF0C\u548C\u6211\u4EEC\u4E00\u8D77\u7EF4\u62A4\u53D1\u5C55\uFF0C\u5171\u540C\u6210\u957F\u3002\u53EF\u4EE5\u901A\u8FC7\u4EE5\u4E0B\u4E24\u79CD\u65B9\u5F0F\u52A0\u5165\uFF1A</p>
+<ul>
+<li>\u76F4\u63A5\u5728\u8FD9\u4E2A <a href="https://github.com/tinymce-plugin/tinymce-plugin.github.io/issues/3" target="_blank"><em><em><strong>issue</strong></em></em></a> \u4E0A\u8BC4\u8BBA\uFF0C\u544A\u77E5\u6211\u4EEC\u4F60\u60F3\u52A0\u5165 tinymce-plugin\u3002</li>
+<li>\u53D1\u9001\u90AE\u4EF6\u5230 <a href="mailto:fivecc@qq.com?Subject=%E5%8A%A0%E5%85%A5Tinymce-plugin%E7%A4%BE%E5%8C%BA%E7%BB%84%E7%BB%87" target="_blank"><strong>fivecc@qq.com</strong></a>\uFF0C\u5199\u660E\u4F60\u7684 GitHub ID\uFF0C\u5982 five-great\u3002
+\u9ED8\u8BA4\u60C5\u51B5\u4E0B\uFF0C\u5728\u4F60\u52A0\u5165\u6211\u4EEC\u4E4B\u540E\uFF0C\u4F60\u4F5C\u4E3A GitHub tinymce-plugin \u7EC4\u7EC7\u6210\u5458\u7684\u4FE1\u606F\u662F\u5904\u4E8E\u9690\u85CF\u72B6\u6001\u7684\u3002\u5982\u679C\u4F60\u5E0C\u671B\u5728\u4F60\u7684\u4E2A\u4EBA GitHub \u8D44\u6599\u9875\u4E0A\u5C55\u793A tinymce-plugin \u7EC4\u7EC7\uFF0C\u4F60\u53EF\u4EE5\u5728 <a href="https://github.com/orgs/tinymce-plugin/people" target="_blank"><em><em><strong>Tinymce-plugin People</strong></em></em></a> \u5904\u5C06\u4F60\u7684\u4FE1\u606F\u4ECE private \u201C\u79C1\u6709\u201D\u6539\u4E3A public \u201C\u516C\u5F00\u201D\u3002\u5F53\u7136\uFF0C\u6211\u4EEC\u63A8\u8350\u8BBE\u7F6E\u4E3A\u516C\u5F00\u3002</li>
+</ul>
+<h1 id="\u4EA4\u6D41\u8BA8\u8BBA" tabindex="-1"><a class="header-anchor" href="#\u{1F4AC} \u4EA4\u6D41\u8BA8\u8BBA">#</a> \u{1F4AC} \u4EA4\u6D41\u8BA8\u8BBA</h1>
+<ul>
+<li>
+<p>\u6B22\u8FCE\u524D\u5F80 <a href="https://github.com/tinymce-plugin/tinymce-plugin.github.io/discussions" target="_blank"><em><em><strong>Discussions</strong></em></em></a> \u4E0A\u53C2\u4E0E\u8BA8\u8BBA\u6216\u54A8\u8BE2\u95EE\u9898\u3002</p>
+</li>
+<li>
+<p>\u6B22\u8FCE\u52A0\u5165 <a href="https://jq.qq.com/?_wv=1027&amp;k=JgsnIlUw" target="_blank"><em><em><strong><code class="fv-code_inline">qq\u4EA4\u6D41\u7FA4 143085779</code></strong></em></em></a>
+<img src="https://tinymce-plugin.github.io/qq.png#pic_center" alt="qq\u7FA4\u4E8C\u7EF4\u7801"></p>
+</li>
+</ul>
+<p><a href="http://t.csdn.cn/kPcOh" target="_blank"><em><em><strong>CSDN \u793E\u533A</strong></em></em></a></p>
+<h1 id="\u8D21\u732E\u8005\u5217\u8868" tabindex="-1"><a class="header-anchor" href="#\u{1F44D} \u8D21\u732E\u8005\u5217\u8868">#</a> \u{1F44D} \u8D21\u732E\u8005\u5217\u8868</h1>
+<p><a href="https://opencollective.com/tinymce-plugin/contributors.svg?width=890&button=false"><img src="https://opencollective.com/tinymce-plugin/contributors.svg?width=890&button=false" /></a></p>
+<hr>
+</div></div><PagesRouter  docPath="README.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="README_t_swfskv1665394502088_p_" />`});export{i as default};

assets/chunk/advanced_t_5rg2rp1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var a;return{setters:[function(){},function(e){a=e.M}],execute:function(){e("default",a({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h2 id="高阶使用" tabindex="-1"><a class="header-anchor" href="#高阶使用">#</a> 高阶使用</h2>\n<ul>\n<li>[x] test</li>\n</ul>\n</div></div><PagesRouter  docPath="guide/examples/advanced.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="advanced_t_5rg2rp1665394502088_p_" />'}))}}}));

assets/chunk/advanced_t_5rg2rp1665394502088_p_.js

+import"./pinia.js";import{M as a}from"./vue.js";const n=a({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h2 id="\u9AD8\u9636\u4F7F\u7528" tabindex="-1"><a class="header-anchor" href="#\u9AD8\u9636\u4F7F\u7528">#</a> \u9AD8\u9636\u4F7F\u7528</h2>
+<ul>
+<li>[x] test</li>
+</ul>
+</div></div><PagesRouter  docPath="guide/examples/advanced.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="advanced_t_5rg2rp1665394502088_p_" />`});export{n as default};

assets/chunk/configure_t_36dk4e1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(s){"use strict";var a;return{setters:[function(){},function(s){a=s.M}],execute:function(){var n={methods:{source:function(){return'<pre class="hljs fv-hljs "><ul class="highlight-line-number "  ><li ><span>1</span></li><li ><span>2</span></li><li ><span>3</span></li><li ><span>4</span></li><li ><span>5</span></li><li ><span>6</span></li><li ><span>7</span></li><li ><span>8</span></li><li ><span>9</span></li><li ><span>10</span></li><li ><span>11</span></li><li ><span>12</span></li><li ><span>13</span></li><li ><span>14</span></li><li ><span>15</span></li><li ><span>16</span></li><li ><span>17</span></li><li ><span>18</span></li><li ><span>19</span></li><li ><span>20</span></li><li ><span>21</span></li><li ><span>22</span></li><li ><span>23</span></li><li ><span>24</span></li><li ><span>25</span></li><li ><span>26</span></li><li ><span>27</span></li><li ><span>28</span></li><li ><span>29</span></li><li ><span>30</span></li><li ><span>31</span></li><li ><span>32</span></li><li ><span>33</span></li><li ><span>34</span></li><li ><span>35</span></li><li ><span>36</span></li><li ><span>37</span></li><li ><span>38</span></li><li ><span>39</span></li><li ><span>40</span></li><li ><span>41</span></li><li ><span>42</span></li><li ><span>43</span></li><li ><span>44</span></li><li ><span>45</span></li><li ><span>46</span></li><li ><span>47</span></li><li ><span>48</span></li><li ><span>49</span></li><li ><span>50</span></li><li ><span>51</span></li><li ><span>52</span></li><li ><span>53</span></li><li ><span>54</span></li><li ><span>55</span></li><li ><span>56</span></li><li ><span>57</span></li><li ><span>58</span></li><li ><span>59</span></li><li ><span>60</span></li><li ><span>61</span></li><li ><span>62</span></li><li ><span>63</span></li><li ><span>64</span></li><li ><span>65</span></li><li ><span>66</span></li><li ><span>67</span></li><li ><span>68</span></li><li ><span>69</span></li><li ><span>70</span></li><li ><span>71</span></li></ul><code class=" hljs  hljs-html" @click.stop="()=>{}"><span class="hljs-meta">&lt;!DOCTYPE <span class="hljs-keyword">html</span>&gt;</span>\n<span class="hljs-tag">&lt;<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">&quot;en&quot;</span>&gt;</span>\n  <span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">&quot;UTF-8&quot;</span> /&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">&quot;icon&quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;/favicon.ico&quot;</span> /&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">meta</span> <span class="hljs-attr">name</span>=<span class="hljs-string">&quot;viewport&quot;</span> <span class="hljs-attr">content</span>=<span class="hljs-string">&quot;width=device-width, initial-scale=1.0&quot;</span> /&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">rel</span>=<span class="hljs-string">&quot;shortcut icon&quot;</span> <span class="hljs-attr">href</span>=<span class="hljs-string">&quot;https://avatars.githubusercontent.com/u/87648636?s=60&amp;v=4&quot;</span> <span class="hljs-attr">type</span>=<span class="hljs-string">&quot;image/x-icon&quot;</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">title</span>&gt;</span>Tinymce-Plugin<span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">style</span>&gt;</span><span class="language-css">\n      <span class="hljs-selector-class">.open-plugin</span>{\n        <span class="hljs-attribute">width</span>:<span class="hljs-number">150px</span>;\n        <span class="hljs-attribute">height</span>: <span class="hljs-number">30px</span>;\n        <span class="hljs-attribute">display</span>: flex;\n        <span class="hljs-attribute">padding</span>: <span class="hljs-number">0px</span> <span class="hljs-number">10px</span>;\n        <span class="hljs-attribute">background-color</span>:<span class="hljs-built_in">rgb</span>(<span class="hljs-number">27</span>, <span class="hljs-number">158</span>, <span class="hljs-number">234</span>);\n        <span class="hljs-attribute">border-radius</span>:<span class="hljs-number">5px</span>;\n        <span class="hljs-attribute">color</span>:white;\n        <span class="hljs-attribute">font-size</span>:<span class="hljs-number">0</span>;\n        <span class="hljs-attribute">text-align</span>:center;\n        <span class="hljs-attribute">cursor</span>:pointer;\n        <span class="hljs-attribute">align-content</span>: space-around;\n        <span class="hljs-attribute">flex-wrap</span>: nowrap;\n        <span class="hljs-attribute">align-items</span>: center;\n        justify-items: center;\n      }\n      <span class="hljs-selector-class">.open-plugin</span> <span class="hljs-selector-tag">img</span>{\n        <span class="hljs-attribute">display</span>: block;\n        <span class="hljs-attribute">width</span>: <span class="hljs-number">20px</span>;\n        <span class="hljs-attribute">height</span>: <span class="hljs-number">20px</span>;\n      }\n      <span class="hljs-selector-class">.open-plugin</span> <span class="hljs-selector-tag">span</span>{\n        <span class="hljs-attribute">display</span>: inline-block;\n        <span class="hljs-attribute">height</span>:<span class="hljs-number">20px</span>;\n        <span class="hljs-attribute">line-height</span>:<span class="hljs-number">20px</span>;\n        <span class="hljs-attribute">vertical-align</span>: middle;\n        <span class="hljs-attribute">margin-left</span>:<span class="hljs-number">10px</span>;\n        <span class="hljs-attribute">font-size</span>:<span class="hljs-number">14px</span>;\n      }\n    </span><span class="hljs-tag">&lt;/<span class="hljs-name">style</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&#x27;/tinymce/tinymce.js&#x27;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;/tinymce/tinymce-plugin.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://unpkg.com/tinymce-plugin/langs/zh_CN.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://unpkg.com/tinymce-plugin/plugins/tpLayout/plugin.min.js&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>    \n  <span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span>\n  <span class="hljs-tag">&lt;<span class="hljs-name">body</span> <span class="hljs-attr">tp-page-height</span>=<span class="hljs-string">&quot;298&quot;</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>\n      <span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;tinymce&quot;</span>&gt;</span>\n        <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>这是一个一键排版插件<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>\n      <span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>\n    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span>\n      <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>\n      <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">&quot;openPlugin()&quot;</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;open-plugin&quot;</span>  <span class="hljs-attr">title</span>=<span class="hljs-string">&quot;点击调用触发插件&quot;</span> &gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">img</span>  <span class="hljs-attr">src</span>=<span class="hljs-string">&quot;https://avatars.githubusercontent.com/u/87648636?s=60&amp;v=4&quot;</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">&quot;&quot;</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>点击调用触发插件<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>\n    <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>\n    <span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span><span class="language-javascript">\n\n     tinymce.<span class="hljs-title function_">init</span>({\n        <span class="hljs-attr">selector</span>: <span class="hljs-string">&#x27;textarea.tinymce&#x27;</span>,\n        <span class="hljs-attr">language</span>: <span class="hljs-string">&#x27;zh_CN&#x27;</span>,\n        <span class="hljs-attr">skeletonScreen</span>: <span class="hljs-literal">true</span>,\n        <span class="hljs-attr">plugins</span>: <span class="hljs-string">&#x27;code tpLayout autoresize&#x27;</span>,\n        <span class="hljs-attr">toolbar</span>: <span class="hljs-string">&#x27;code tpLayout&#x27;</span>\n        });\n\n     <span class="hljs-keyword">var</span> <span class="hljs-title function_">openPlugin</span>=(<span class="hljs-params"></span>)=&gt;{\n       tinymce.<span class="hljs-property">activeEditor</span>.<span class="hljs-title function_">execCommand</span>(<span class="hljs-string">&#x27;mceTpLayout&#x27;</span>);\n     }\n    </span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span>\n  <span class="hljs-tag">&lt;/<span class="hljs-name">body</span>&gt;</span>\n<span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span>\n\n</code><div class="language-text" >html</div></pre>'},sourceCode:function(){return'<iframe scrolling="no" width="100%" style="width:100%;margin:auto 0;border:0px; min-height: 319px"  onload="autoIframeHeight(this)"  src="/demo/demo-configure_t_36dk4e1665394502088_p_1665394508760/index.html"></iframe>'}},template:'<PreviewIframe class="demo-configure_t_36dk4e1665394502088_p_" idx="Demo0"  :source="source()" :sourceCode="sourceCode()">\n                              \n                            </PreviewIframe>'};s("default",a({components:{Demo0:n},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="配置参考" tabindex="-1"><a class="header-anchor" href="#配置参考">#</a> 配置参考</h1>\n<h2 id="参数配置" tabindex="-1"><a class="header-anchor" href="#参数配置">#</a> 参数配置</h2>\n<table>\n<thead>\n<tr>\n<th>参数名称</th>\n<th>类型</th>\n<th>参数说明</th>\n<th>参数默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>style</td>\n<td>Object</td>\n<td>一键布局默认样式参数</td>\n<td>{‘text-align’:‘justify’,‘text-indent’:‘2em’,‘line-height’: 1.5 }</td>\n</tr>\n<tr>\n<td>filterTags</td>\n<td>Array</td>\n<td>过滤标签，该数组中的标签，一键布局中将会被忽略</td>\n<td>[‘table&gt;*’,‘img’]</td>\n</tr>\n<tr>\n<td>tagsStyle</td>\n<td>Object</td>\n<td>单独标签样式处理</td>\n<td>——</td>\n</tr>\n<tr>\n<td>clearStyle</td>\n<td>Array</td>\n<td>清除样式 ，一键布局后 ，数组中的样式将会清除掉</td>\n<td>——</td>\n</tr>\n</tbody>\n</table>\n<div class="tip fv-state-tip fv-tip"><p class="fv-state-title" >提示</p>\n<p>配置优先级从低到高： style &lt; filterTags &lt; tagsStyle &lt; clearStyle</p>\n</div>\n<pre class="hljs fv-hljs "><ul class="highlight-line-number "  ><li ><span>1</span></li><li ><span>2</span></li><li ><span>3</span></li><li ><span>4</span></li><li ><span>5</span></li><li ><span>6</span></li><li ><span>7</span></li><li ><span>8</span></li><li ><span>9</span></li><li ><span>10</span></li><li ><span>11</span></li><li ><span>12</span></li><li ><span>13</span></li><li ><span>14</span></li><li ><span>15</span></li><li ><span>16</span></li><li ><span>17</span></li><li ><span>18</span></li><li ><span>19</span></li><li ><span>20</span></li><li ><span>21</span></li><li ><span>22</span></li><li ><span>23</span></li><li ><span>24</span></li><li ><span>25</span></li><li ><span>26</span></li><li ><span>27</span></li></ul><code class=" hljs  hljs-js" @click.stop="()=>{}">tinymce.<span class="hljs-title function_">init</span>({\n    <span class="hljs-attr">selector</span>: <span class="hljs-string">&#x27;#tinydemo&#x27;</span>,\n    <span class="hljs-attr">plugins</span>: <span class="hljs-string">&quot;layout&quot;</span>,\n    <span class="hljs-attr">toolbar</span>: <span class="hljs-string">&quot;layout&quot;</span>,\n    <span class="hljs-attr">tp_layout_options</span>: {\n                <span class="hljs-attr">style</span>: {\n                   <span class="hljs-string">&#x27;text-align&#x27;</span>:<span class="hljs-string">&#x27;justify&#x27;</span>,\n                   <span class="hljs-string">&#x27;text-indent&#x27;</span>:<span class="hljs-string">&#x27;2em&#x27;</span>,\n                   <span class="hljs-string">&#x27;line-height&#x27;</span>: <span class="hljs-number">1.5</span>\n                },\n                filterTags：[<span class="hljs-string">&#x27;table&gt;*&#x27;</span>,<span class="hljs-string">&#x27;tbody&#x27;</span>], <span class="hljs-comment">//&#x27;table，&#x27;tbody&#x27;,&#x27;td&#x27;,&#x27;tr&#x27; 将会忽略掉 同时 table&gt;*，忽略table 标签 以及所有子标签</span>\n                <span class="hljs-attr">clearStyle</span>: [<span class="hljs-string">&#x27;text-indent&#x27;</span>],<span class="hljs-comment">//text-indent 将会被清除掉</span>\n                <span class="hljs-attr">tagsStyle</span>: {\n                   <span class="hljs-string">&#x27;table&#x27;</span>: {\n                       <span class="hljs-string">&#x27;line-height&#x27;</span>: <span class="hljs-number">3</span>,\n                       <span class="hljs-string">&#x27;text-align&#x27;</span>: <span class="hljs-string">&#x27;center&#x27;</span>\n                   },\n                  <span class="hljs-string">&#x27;table,tbody,tr,td&#x27;</span>: { <span class="hljs-comment">//支持并集选择</span>\n                    <span class="hljs-string">&#x27;line-height&#x27;</span>: <span class="hljs-number">2</span>\n                   },\n                   <span class="hljs-string">&#x27;tr&gt;td,table&gt;tbody&#x27;</span>: { <span class="hljs-comment">//支持, 精准定位 通过 &#x27; &gt; &#x27;</span>\n                    <span class="hljs-string">&#x27;line-height&#x27;</span>: <span class="hljs-number">3</span>,\n                    <span class="hljs-string">&#x27;text-align&#x27;</span>: <span class="hljs-string">&#x27;center&#x27;</span>\n                   }\n               }\n    }\n});\n</code><div class="language-text" >js</div></pre>\n<h2 id="如何通过外部按钮触发" tabindex="-1"><a class="header-anchor" href="#如何通过外部按钮触发">#</a> 如何通过外部按钮触发</h2>\n<p>可以用通过 <code class="fv-code_inline">execCommand(\'mceTpLayout\')</code> 调用</p>\n<Demo0  data-isComponent="iframe" />\n</div></div><PagesRouter  docPath="__docs__/configure.md" mapType="docs" docRepo="tp-layout" pagesName="configure_t_36dk4e1665394502088_p_" />'}))}}}));

assets/chunk/demoAll-legacy.js

+!function(){var e=document.createElement("style");e.innerHTML=".demoIframeBox[data-v-60c935a7]{background:#fff}\n",document.head.appendChild(e),System.register(["./pinia-legacy.js","../index-legacy.js","./vue-legacy.js","./tinymce-legacy.js","./tinymce-plugin-routes-legacy.js"],(function(e){"use strict";var n,a,t,r,c,o,i,u;return{setters:[function(){},function(e){n=e._},function(e){a=e.Q,t=e.R,r=e.Y,c=e.a7,o=e.a8,i=e.ac,u=e.S},function(){},function(){}],execute:function(){var l={name:"DemoAllIframe"},m=function(e){return c("data-v-60c935a7"),e=e(),o(),e}((function(){return u("iframe",{id:"demoIframeID",class:"demoIframeBox",name:"demoIframeID",src:"/tinymce/indexall.html",frameborder:"0",scrolling:"no",width:"100%",onload:"autoIframeHeight(this)"},null,-1)}));e("default",n(l,[["render",function(e,n,c,o,u,l){var d=i("PagesRouter");return a(),t("div",null,[m,r(d,{pagesName:"demoall"})])}],["__scopeId","data-v-60c935a7"]]))}}}))}();

assets/chunk/demoAll.js

+import"./pinia.js";import{_ as a}from"../index.js";import{Q as t,R as r,Y as s,a7 as m,a8 as c,ac as d,S as l}from"./vue.js";import"./tinymce.js";import"./tinymce-plugin-routes.js";const n={name:"DemoAllIframe"},_=e=>(m("data-v-60c935a7"),e=e(),c(),e),p=_(()=>l("iframe",{id:"demoIframeID",class:"demoIframeBox",name:"demoIframeID",src:"/tinymce/indexall.html",frameborder:"0",scrolling:"no",width:"100%",onload:"autoIframeHeight(this)"},null,-1));function i(e,f,u,I,h,v){const o=d("PagesRouter");return t(),r("div",null,[p,s(o,{pagesName:"demoall"})])}var y=a(n,[["render",i],["__scopeId","data-v-60c935a7"]]);export{y as default};

assets/chunk/grammar_t_a7xzht1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var a;return{setters:[function(){},function(e){a=e.M}],execute:function(){e("default",a({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="文档语法" tabindex="-1"><a class="header-anchor" href="#文档语法">#</a> 文档语法</h1>\n</div></div><PagesRouter  docPath="guide/contributing/writing-guide/grammar.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="grammar_t_a7xzht1665394502088_p_" />'}))}}}));

assets/chunk/grammar_t_a7xzht1665394502088_p_.js

+import"./pinia.js";import{M as a}from"./vue.js";const o=a({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="\u6587\u6863\u8BED\u6CD5" tabindex="-1"><a class="header-anchor" href="#\u6587\u6863\u8BED\u6CD5">#</a> \u6587\u6863\u8BED\u6CD5</h1>
+</div></div><PagesRouter  docPath="guide/contributing/writing-guide/grammar.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="grammar_t_a7xzht1665394502088_p_" />`});export{o as default};

assets/chunk/grammar_t_p2efn71665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var a;return{setters:[function(){},function(e){a=e.M}],execute:function(){e("default",a({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="文档语法" tabindex="-1"><a class="header-anchor" href="#文档语法">#</a> 文档语法</h1>\n</div></div><PagesRouter  docPath="en/guide/contributing/writing-guide/grammar.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="grammar_t_p2efn71665394502088_p_" />'}))}}}));

assets/chunk/grammar_t_p2efn71665394502088_p_.js

+import"./pinia.js";import{M as a}from"./vue.js";const t=a({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="\u6587\u6863\u8BED\u6CD5" tabindex="-1"><a class="header-anchor" href="#\u6587\u6863\u8BED\u6CD5">#</a> \u6587\u6863\u8BED\u6CD5</h1>
+</div></div><PagesRouter  docPath="en/guide/contributing/writing-guide/grammar.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="grammar_t_p2efn71665394502088_p_" />`});export{t as default};

assets/chunk/guide_t_dv6zfb1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var t;return{setters:[function(){},function(e){t=e.M}],execute:function(){e("default",t({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="编写指南" tabindex="-1"><a class="header-anchor" href="#编写指南">#</a> 编写指南</h1>\n<p>如果您想编写指南 请耐心看完\n哈哈</p>\n</div></div><PagesRouter  docPath="guide/contributing/writing-guide/guide.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="guide_t_dv6zfb1665394502088_p_" />'}))}}}));

assets/chunk/guide_t_dv6zfb1665394502088_p_.js

+import"./pinia.js";import{M as e}from"./vue.js";const a=e({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="\u7F16\u5199\u6307\u5357" tabindex="-1"><a class="header-anchor" href="#\u7F16\u5199\u6307\u5357">#</a> \u7F16\u5199\u6307\u5357</h1>
+<p>\u5982\u679C\u60A8\u60F3\u7F16\u5199\u6307\u5357 \u8BF7\u8010\u5FC3\u770B\u5B8C
+\u54C8\u54C8</p>
+</div></div><PagesRouter  docPath="guide/contributing/writing-guide/guide.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="guide_t_dv6zfb1665394502088_p_" />`});export{a as default};

assets/chunk/guide_t_tkrcbo1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var t;return{setters:[function(){},function(e){t=e.M}],execute:function(){e("default",t({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="编写指南" tabindex="-1"><a class="header-anchor" href="#编写指南">#</a> 编写指南</h1>\n<p>如果您想编写指南 请耐心看完</p>\n</div></div><PagesRouter  docPath="en/guide/contributing/writing-guide/guide.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="guide_t_tkrcbo1665394502088_p_" />'}))}}}));

assets/chunk/guide_t_tkrcbo1665394502088_p_.js

+import"./pinia.js";import{M as e}from"./vue.js";const o=e({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="\u7F16\u5199\u6307\u5357" tabindex="-1"><a class="header-anchor" href="#\u7F16\u5199\u6307\u5357">#</a> \u7F16\u5199\u6307\u5357</h1>
+<p>\u5982\u679C\u60A8\u60F3\u7F16\u5199\u6307\u5357 \u8BF7\u8010\u5FC3\u770B\u5B8C</p>
+</div></div><PagesRouter  docPath="en/guide/contributing/writing-guide/guide.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="guide_t_tkrcbo1665394502088_p_" />`});export{o as default};

assets/chunk/images_t_2o7mfm1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var a;return{setters:[function(){},function(e){a=e.M}],execute:function(){e("default",a({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="images图片编辑上传相关问答" tabindex="-1"><a class="header-anchor" href="#images 图片编辑上传 相关问答">#</a> images 图片编辑上传 相关问答</h1>\n</div></div><PagesRouter  docPath="en/guide/commonproblem/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_2o7mfm1665394502088_p_" />'}))}}}));

assets/chunk/images_t_2o7mfm1665394502088_p_.js

+import"./pinia.js";import{M as e}from"./vue.js";const o=e({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="images\u56FE\u7247\u7F16\u8F91\u4E0A\u4F20\u76F8\u5173\u95EE\u7B54" tabindex="-1"><a class="header-anchor" href="#images \u56FE\u7247\u7F16\u8F91\u4E0A\u4F20 \u76F8\u5173\u95EE\u7B54">#</a> images \u56FE\u7247\u7F16\u8F91\u4E0A\u4F20 \u76F8\u5173\u95EE\u7B54</h1>
+</div></div><PagesRouter  docPath="en/guide/commonproblem/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_2o7mfm1665394502088_p_" />`});export{o as default};

assets/chunk/images_t_66zw3k1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var a;return{setters:[function(){},function(e){a=e.M}],execute:function(){e("default",a({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="image插入编辑图片" tabindex="-1"><a class="header-anchor" href="#image 插入编辑图片">#</a> image 插入编辑图片</h1>\n<p>魔改为默认上传本地图片</p>\n</div></div><PagesRouter  docPath="guide/customize/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_66zw3k1665394502088_p_" />'}))}}}));

assets/chunk/images_t_66zw3k1665394502088_p_.js

+import"./pinia.js";import{M as e}from"./vue.js";const m=e({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="image\u63D2\u5165\u7F16\u8F91\u56FE\u7247" tabindex="-1"><a class="header-anchor" href="#image \u63D2\u5165\u7F16\u8F91\u56FE\u7247">#</a> image \u63D2\u5165\u7F16\u8F91\u56FE\u7247</h1>
+<p>\u9B54\u6539\u4E3A\u9ED8\u8BA4\u4E0A\u4F20\u672C\u5730\u56FE\u7247</p>
+</div></div><PagesRouter  docPath="guide/customize/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_66zw3k1665394502088_p_" />`});export{m as default};

assets/chunk/images_t_8c7a2k1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var a;return{setters:[function(){},function(e){a=e.M}],execute:function(){e("default",a({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="images图片编辑上传相关问答" tabindex="-1"><a class="header-anchor" href="#images 图片编辑上传 相关问答">#</a> images 图片编辑上传 相关问答</h1>\n</div></div><PagesRouter  docPath="guide/commonproblem/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_8c7a2k1665394502088_p_" />'}))}}}));

assets/chunk/images_t_8c7a2k1665394502088_p_.js

+import"./pinia.js";import{M as a}from"./vue.js";const o=a({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="images\u56FE\u7247\u7F16\u8F91\u4E0A\u4F20\u76F8\u5173\u95EE\u7B54" tabindex="-1"><a class="header-anchor" href="#images \u56FE\u7247\u7F16\u8F91\u4E0A\u4F20 \u76F8\u5173\u95EE\u7B54">#</a> images \u56FE\u7247\u7F16\u8F91\u4E0A\u4F20 \u76F8\u5173\u95EE\u7B54</h1>
+</div></div><PagesRouter  docPath="guide/commonproblem/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_8c7a2k1665394502088_p_" />`});export{o as default};

assets/chunk/images_t_aeapdc1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var a;return{setters:[function(){},function(e){a=e.M}],execute:function(){e("default",a({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="image插入编辑图片" tabindex="-1"><a class="header-anchor" href="#image 插入编辑图片">#</a> image 插入编辑图片</h1>\n<p>魔改为默认上传本地图片</p>\n</div></div><PagesRouter  docPath="en/guide/customize/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_aeapdc1665394502088_p_" />'}))}}}));

assets/chunk/images_t_aeapdc1665394502088_p_.js

+import"./pinia.js";import{M as e}from"./vue.js";const m=e({components:{},template:`<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><h1 id="image\u63D2\u5165\u7F16\u8F91\u56FE\u7247" tabindex="-1"><a class="header-anchor" href="#image \u63D2\u5165\u7F16\u8F91\u56FE\u7247">#</a> image \u63D2\u5165\u7F16\u8F91\u56FE\u7247</h1>
+<p>\u9B54\u6539\u4E3A\u9ED8\u8BA4\u4E0A\u4F20\u672C\u5730\u56FE\u7247</p>
+</div></div><PagesRouter  docPath="en/guide/customize/images.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="images_t_aeapdc1665394502088_p_" />`});export{m as default};

assets/chunk/readme_t_d15jh21665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var t;return{setters:[function(){},function(e){t=e.M}],execute:function(){e("default",t({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"><p>This is where language files should be placed.</p>\n<p>Please DO NOT translate these directly use this service: <a href="https://www.transifex.com/projects/p/tinymce/" target="_blank">https://www.transifex.com/projects/p/tinymce/</a></p>\n</div></div><PagesRouter  docPath="public/tinymce/langs/readme.md" mapType="docs" docRepo="tp-importword" pagesName="readme_t_d15jh21665394502088_p_" />'}))}}}));

assets/chunk/skeleton_t_caq98h1665394502088_p_-legacy.js

+System.register(["./pinia-legacy.js","./vue-legacy.js"],(function(e){"use strict";var t;return{setters:[function(){},function(e){t=e.M}],execute:function(){e("default",t({components:{},template:'<div class="fv-mardown-html"><div class="fv-mardown-main tp-doc"></div></div><PagesRouter  docPath="en/guide/skill/skeleton.md" mapType="docs" docRepo="tinymce-plugin-docs" pagesName="skeleton_t_caq98h1665394502088_p_" />'}))}}}));