如上图所示,就是tmagic-editor可视化编辑器,tmagic-editor基于vue3实现。包括左侧侧边栏、组件列表展示、已选组件的组件树、中间的页面拖拽的画布区域(也叫模拟器)、右侧表单配置区域、正中间上方的画布控制区域(放大缩小、网格线显隐)、预览、保存、查看源码(js schema描述的js对象)、底部区域的页面添加与删除。编辑...
如上图所示,就是tmagic-editor可视化编辑器,tmagic-editor基于vue3实现。包括左侧侧边栏、组件列表展示、已选组件的组件树、中间的页面拖拽的画布区域(也叫模拟器)、右侧表单配置区域、正中间上方的画布控制区域(放大缩小、网格线显隐)、预览、保存、查看源码(js schema描述的js对象)、底部区域的页面添加与删除。编辑...
Tmagic-editor — 魔方项目部署到自己的服务器 前言:对于新手而言,官网的三个教程(Hello World、Runtime、DSL解析渲染)只是一个基础,更大的作用在于帮助理解Tmagic-editor 项目和基本原理。然而,如果希望快速进行项目开发,建议在官方提供魔方项目之上进行开发,这样有利于快速添加组件,部署上线。以下内容基于官网 魔方项目...
加入你需要重复某种操作很多次,例如选中源码并将其发送到控制台端调试,我们能不能将着一系列重复的操作简化为一步,甚至用一组快捷键来代替呢? 3、录制宏 在主菜单上选择Edit→Macros→Start Macro Recording命令,在窗口底部出现Macro recording started的提示信息。 打开你想要执行的脚本文件(注意Using Macros in the...
(2)打开浏览器,打开源码,复制里面的dsl 配置信息 (3)将dsl 信息添加到 page-config.ts 文件中。 (4)在 tmagic-editor/runtime/vue3/page/main.ts 中引入刚才创建的 page-config.ts 文件。 (5)开始打包。在tmagic-editor/runtime/vue3 目录下执行如下命令打包 ...
MAGIC EDITOR的金手指的怎么用 第一步:找代码,如果这一步还用教的话后边你看也没用了,PASS。 第二步:在GBA游戏的金手指系列中,可以发现金手指代码有两种格式,一种是AAAAAAAA:BBBB或者AAAAAAAA:BB。我一般称这种代码为“中间带冒号的”,其实前边的那个是修改地址
在完成开发中组件在编辑器中的实现后,我们将编辑器中的 DSL 源码📄 打开,复制 DSL。并在 runtime/vue3/src/page 下。创建一个 page-config.js 文件。将 DSL 作为配置导出。 window.magicDSL=[// DSL] 在page/main.ts 中,将这份配置读入 import'./page-config.js'; ...
-**[数据源](./advanced/data-source.md)**,左侧展示添加的数据源,用于组件中的各项配置。 -**表单配置**,右侧表单项目,展示由组件内提供的配置描述,提供修改组件行为的配置项。 -**DSL 源码**,右上角的 📄 图标可以展示当前页面,各个组件配置,页面基础配置组合而成的配置源码。
访问https://gitee.com/XmirrorSecurity/OpenSCA-intellij-plugin 下载 OpenSCA-intellij-plugin 源码。 使用IntelliJ IDEA 打开,配置运行环境:JDK11,待 Gradle 导入依赖和插件。执行 IntelliJ 插件的 buildPlugin 任务(Gradle -> Tasks -> Intellij -> buildPlugin),构建的安装包存在于当前项目下 build/distributions...
editor,dep: watcher新增方法:清除指定类型的依赖 (d981014) editor,form: 新增属性配置表单error事件 (fbe1d88), closes #557 editor,ui: 页面片下拉选择框支持点击跳转编辑,修改页面片组件initvalue (2dc810a) editor: data-source-service支持扩展 (bd8bbc6) editor: 新增page-bar slot (7c90b93) form:...