leeonfield

Yapi 使用 tui.editor 作为系统的文档编辑器，用于接口备注的编辑以及 wiki 模块，如果需要针对编辑器做一些调整，我们就会意识到之前的写法可维护性不太友好，加之 tui.editor@2.x 带来的优化，可以顺手做一次升级。

使用 webpack 4 重构 yapi 构建脚本。 我的一部分工作是基于 Yapi 做二次开发，Yapi 官方使用的构建工具是同属 YMFE 出品的 Ykit，Ykit 是基于 webpack@3.8.1 的二次封装，随着我开发强度的增加，Ykit 逐渐影响日常开发体验，尤其…

Mock 之前先对接口模板的复杂度进行检测，复杂度过高时放弃 mock，以防主站服务被拖挂。 先介绍下 Yapi 基础的 mock 逻辑，首先需要用户定义 API 的基础信息，请求、返回等信息，返回数据将被存储为描述 response 的抽象对象模板，mock 服务根据这份模板…

改造 Yapi 扁平管理逻辑，支持多层级结构管理。 今天的内容是针对 API 管理结构进行二次开发，现在的扁平化方案随着业务的增长及 API 托管量的增长日渐吃力，在此基础上，我们需要在目录上做一些改动。 需要改动的模块主要是接口列表部分，分类目录下管理的数据除 API 类型外…

tui.editor 是韩国 NHN 公司出品的在线编辑器，支持通过 Plugin 形式扩展编辑器功能，因业务需要，封装了视频嵌入插件。 视频插件实现逻辑比较简单，先在 Markdown 模式中定义视频展示语法，语法复用了代码标签，只是代码语言需要自定义，即通过自定义 code…