Comments (14)
你看一下api目录下的代码,这个是模拟后端接口的文件,现在工具栏里面拖动的东西,相当于是从服务器取的HTML。
如果是绑定后台数据,这部分功能还没有实现,后面我的后端框架完成,会实现这个功能。
from rxdrag.
好的,多谢,我试一试!
from rxdrag.
好的,这是个半成品,竟然有人在用,好惊喜!
from rxdrag.
觉得还是很棒的,思路可以的。
HtmlPage.vue的initFrame是初期加载默认的代码,那么我想这块实现加载服务器的代码,如何设定,可以明确给段代码吗?
from rxdrag.
这段代码初始化编辑器内核,并没有加载HTML文件,加载HTML文件的代码在这里:
loadHtmlFile
在initFrame 上面隔着一个函数,这个函数的作用是用axios从服务器读取HTML。
往编辑器内核发送HTML代码是用:this.commandProxy.loadHtml
这个函数有两个参数,第一个参数是HTML代码,第二个参数是节点ID,如果第二个参数为空,表示更换整个文档的HTML。编辑器内核在一个IFrame里面,通讯接口是IFrameCommandProxy。多看看这个文件,就知道是怎么跟内核传递数据了
from rxdrag.
传送的代码不能有body,和css跟跟js片段,默认接收是body内部的内容
from rxdrag.
多谢,已经解决,您的思路挺清晰的!
from rxdrag.
好的,解决就好,我自己做的能不清楚吗。一个月没碰这个代码了,有些地方有点忘了。
from rxdrag.
还需要请教个问题,在Shell.vue中如可取得当前当前正在设计的画面的即时HTML代码。
from rxdrag.
Shell.vue是多文档的,rxpage是单文档的。如果你只用一个文件的话,可以试试rxpage。
你要用shell的话,需要从vuex里面取当前活动的文档:this.$store.state.activedFile,通过文档类型判断是js,css还是html:file.fileType === 'page' 这个表示是HTML文件,反之是代码文件
from rxdrag.
this.$store.state.activedFile.fileType === 'page'
from rxdrag.
// 正在编辑的HTML代码
let htmlCode = this.$store.state.activedFile.code;
目前操作我正在拖拉控件,但点直接获取代码,打印出来的还是初期化的HTML代码,只有点击了看代码按钮后,再进次获取才是最新的代码。不知怎么能通过代理刷新一下,把activeFile刷新最新的代码。
from rxdrag.
调用代理的这个方法:requestHtmlCode 可以获取HTML
监听总线的这个事件,可以拿到代码:
$rxbus.$on('replyHtmlCode', 你的处理函数)
from rxdrag.
可以参考HTMLPage里面的:onReplyHtmlCode
from rxdrag.
Related Issues (20)
- 逻辑编排中,变量监听元件,第一次挂载下游元件,传递出初值 HOT 1
- 内存泄漏 HOT 1
- 撤销重做基于全局来做
- 大纲跟操作记录高度太小
- 隐藏frame后,按钮选中的outline 错位
- 我进行打包后,产物运行起来是白屏 HOT 1
- 部分左侧面板不能滚动 HOT 1
- 如果渲染引擎未提供Fieldy,添加异常提示
- vercel演示逻辑编排图不显示react 节点
- 性能需要优化
- UML图label不能移动
- 渲染引擎渲染前解析meta补全校验规则 HOT 1
- 编排元件事件节点添加多个出口
- 除了ui部分,其它配置通过对话框弹出 HOT 1
- 制作一些创建物料的命令
- 子编排添加变量功能
- 给编排的端口添加类型
- 逻辑编排,设置组件属性的元件属性做成多选 HOT 1
- Resource的element同时支持数组跟单元素
- bug:点击UI框架中的元素无法显示属性面板,且国际化失效 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rxdrag.