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 下文件目录结构对应 配置文件
对应配置文件中的 global.css
对应配置文件中的 global.js
对应配置文件中的 main[]
其中文件中的书写格式如下:
在<script qi-data></script>
中添加变量,变量格式可见qieditor变量文档。如:
<script qi-data>
return {
name: "我是主文件",
params: {
main1: {
type: "text",
title: "主文件1",
value: "主文件1",
},
},
}
</script>
在此标签下编写正常的html页面即可。变量可通过 <%param%>
的方式调用。
对应配置文件中的 component[]。文件书写格式同 src/main
。
以上所有文件需要于 src/router.js
中进行添加才可执行编译/打包
对应配置文件中的 globla 中的其他配置项