重大更新 新MD编辑器 Editor 上线 CJayhe PHPZlc动态 372 views ## 更新概述 本次更新内容是大家期待已久得`markdown`编辑器得更新换代。原本得编辑器由于技术栈和技术运用得问题，导致以下几点比较严重得问题 1. 由于编辑器和最终显示得效果技术栈来源不同，导致创作和最终效果差距过大。 2. 由于展示样式得不足，导致很多标准得md语法无法在本平台呈现。导致标准语法文档进入本平台必须手动调整，既浪费时间也不利于知识得表达。 3. 展示样式和网站本身得样式互相干扰，导致维护起来十分得麻烦。 鉴于创作者越来越多，问题愈来愈明显。在群友得建议下，我们更换了编辑器并围绕编辑器对系统进行配套得修改升级。 ## 新编辑器 Editor  1. 支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器； 2. 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能； 3. 支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法； 4. 支持TeX科学公式（基于KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram; ## 我们做了哪些调整和努力 1. 为了更好得进行创造，我们重新设计了博客创作页面，使其界面独立于系统样式之外，去除了多余得不必要得部分，扩大了书写范围，使得创作更加自由思绪可以更加集中。 2. 为了样式得稳定性，在博客得展示部分，我们更换成了全新得技术栈，使用 `iframe` 来独立加载文档部分。为了 `iframe` 得使用体验超过以往，在以下几个方面进行了努力，这也是本次花费时间较多得地方。 - 将iframe 文档 设计成独立得组件，可以在网站得各个位置进行调用。 - iframe 文档 加载完毕,动态调整显示区域大小。 - iframe 文档 中a标签得点击监听，使其和原生效果一致。 - iframe 文档 中锚点得全面兼容，锚点主要是文档得目录功能。目录在 iframe 中生成 然后读取到父页面上显示然后监听点击，向 iframe 内 发送消息, 然后移动到相应位置。 3. 系统集成，phpzlc文档显示，个人主页介绍显示，博客内容显示。 4. 博客目录支持有层次的多级目录。 ## 告诉创作者得话 1. 本次更新比较大，如果大家在使用中发现问题，或者有好的想法，发现可以优化得空间，希望及时与我沟通。 2. 如果你发现你已经创作得文档显示异常，希望先重新编辑定位问题。可能存在笔误等等。 3. 本次得编辑器本人体验，几乎md得语法全覆盖，编辑体验很不错。希望大家深度运用，写出更好得博客。 4.** 我观察大家得博客内部得目录或者说标题`h2`使用得不是很合理，为了更好得阅读体验，希望重视。** ## 下一步的工作计划 1. 进行AI的研究，方便创作。 2. 发布新的组件 *目前预计可发布的组件有* excel导入导出组件 腾讯云短信组件 支付宝，微信支付，转账，退款组件 新版本文档组件，全新的界面升级+后台权限绑定 微信小程序基础api框架（快捷登录，物流平台等） ISBN接口组件 **以上组件都在可发布计划内，但先后顺序和上线时间不确定，如果有需要的可以联系我，我会优先发布。** ## 感谢支持 如果有更好的想法或可以在群内@我或者文章下留言。 如果想参与开发工作，十分欢迎，希望我们共同建立一个和谐的科技社区！ 帮助PHPZlc项目！ 与任何开源项目一样， 贡献代码 或 文档 是最常见的帮助方式， 但我们也有广泛的 赞助机会。 3 赞赏 加入技术群 评论 去登录
