winyh

> 谢谢。 的确很久没更新了，抱歉。一直在忙自己的事。会尽快更新到最新版（预估也是大半个月后了），有问题可以多交流

> 页面预览可以用你提到的两种方式的结合体，即iframe+dom挂载的方式，通过iframe来隔离框架样式上的问题，用postMessage来通信就好了，用后台实时渲染还是太占资源了 > > 之前也弄过一版，但是只能处理纯静态的页面，最终还是倒在动态数据交互上😂 我也是卡在了业务逻辑，动态交互上，用React实现了可嵌套的可视化操作，但是组件里的业务逻辑好象只有手动编码的方式解决，你后来有解决思路吗？

> 哈 因为是提交到服务器进行后台渲染 而服务器是国外的单核512M内存的虚拟机 > 后续可能买台国内的云服务器 > > 本地部署或内网部署很快的 @wufenfen 看过你前天在AlloyTeam 发的文章，很受益。有2点疑问： 1.用页面挂载的方式实现即时预览，为什么会污染编辑器界面？我用的react 实现的可视化编辑，预览的时候直接把组件树还原成组件渲染。用一个渲染路由挂载一个我的渲染数据，好像没发现有污染的问题，不知道是不是技术框架的区别？ 2.你的页面里的业务逻辑怎么实现的？比如组件A里一个事件钩子需要操作组件B的一个Props属性，也就是数据流的控制了。虽然可以预先设想一些可能的业务逻辑，这种业务逻辑是千变万化的，不可能完全枚举。我做的就是把事件钩子渲染出来，让用户手动编码写自己的业务逻辑 我当前也在做可视化编辑工具，定位是用编辑器生成页面级别的组件聚合成的区块，用数据描述页面，最终用浏览器生成一个React.jsx 文件下载。放在工程目录里就可以直接渲染了。希望有机会能跟你交流下

> > 看过你前天在AlloyTeam 发的文章，很受益。有2点疑问： > > 1.用页面挂载的方式实现即时预览，为什么会污染编辑器界面？我用的react 实现的可视化编辑，预览的时候直接把组件树还原成组件渲染。用一个渲染路由挂载一个我的渲染数据，好像没发现有污染的问题，不知道是不是技术框架的区别？ > > 2.你的页面里的业务逻辑怎么实现的？比如组件A里一个事件钩子需要操作组件B的一个Props属性，也就是数据流的控制了。虽然可以预先设想一些可能的业务逻辑，这种业务逻辑是千变万化的，不可能完全枚举。我做的就是把事件钩子渲染出来，让用户手动编码写自己的业务逻辑 > > 我当前也在做可视化编辑工具，定位是用编辑器生成页面级别的组件聚合成的区块，用数据描述页面，最终用浏览器生成一个React.jsx 文件下载。放在工程目录里就可以直接渲染了。希望有机会能跟你交流下 > > 不好意思, 最近有点忙, 回复晚了. > > 1. 页面挂载的主要缺点是编辑器和组件库耦合, 编辑器和组件库前端框架耦合. 样式污染问题可能会发生, 应该是小概率场景. 比如没有用 css scope,...

> ::: demo > > ``` > > ::: > > ========================> > > 上面的 @/filepath 文件内容就是下面的。是否能够支持我在 markdown 文件外写好示例，用代码块的方式导入到markdown文件，渲染出效果的同时将源代码展示出来，目前测试好像不支持，下面的方式可以正常显示。上面的不行 > > ::: demo > > ``` > > Vue {{...