Qieditor Template

Qieditor Template 是 Qieditor 模版生成器的一套开发解决方案。让前端开发者可以通过几乎和原生开发完全相同的模板开发体验！

查看教程/模板开发

git clone https://github.com/Qionline/Qieditor-template.git

cd ./Qieditor-template

yarn

yarn serve

接下来打开 http://localhost:7707 即可查看该工具的详细使用教程～

生成配置

yarn build

生成的 dist/[filename]-build.json 文件交由运营进行配置即可

文件结构介绍

src 下文件目录结构对应 配置文件

src/css

对应配置文件中的 global.css

src/js

对应配置文件中的 global.js

src/main

对应配置文件中的 main[]

其中文件中的书写格式如下：

在<script qi-data></script>中添加变量，变量格式可见qieditor变量文档。如：

<script qi-data>
  return {
    name: "我是主文件",
    params: {
      main1: {
        type: "text",
        title: "主文件1",
        value: "主文件1",
      },
    },
  }
</script>

在此标签下编写正常的html页面即可。变量可通过 <%param%> 的方式调用。

src/components

对应配置文件中的 component[]。文件书写格式同 src/main。

src/router.js

以上所有文件需要于 src/router.js 中进行添加才可执行编译/打包

src/config.js

对应配置文件中的 globla 中的其他配置项