extension-editor

编辑器插件开发工具

Usage no npm install needed!

<script type="module">
  import extensionEditor from 'https://cdn.skypack.dev/extension-editor';
</script>

README

编辑器

  • 支持开发者开发插件时 及时预览
  • 商家可视化编辑扩展

工作流程

  1. 传入扩展信息，以及页面配置信息给编辑器
  2. 编辑器根据组件id加载组件，
  • 若是开发中的组件，则从本地请求组件js
  • 非开发中的组件，请求远程服务器加载插件代码
  1. 取出编辑后的配置json

编辑器组成

  • 插件加载器
  • 预览
  • 编辑表单

编辑器加载流程

  1. rerquirejs
  2. 编辑器加载
  3. 插件加载

插件加载

  • 非开发中的插件 从远程服务器加载
  • 开发中的插件 从本地服务器加载

插件开发规范

preview

form