使用已有的 JSX 模板和 Grapesjs,同时将 Grapesjs UI 生成的模板转换为 react jsx 模板
问题
大家好,
我刚开始玩 Grapesjs,想在 Grapesjs UI 编辑器中使用当前/正在运行的 React 模板/组件。还要把用 grapesjs 创建的模板转换成 react/jsx 模板/组件格式。能否告诉我 Grapesjs 是否可行,并指导我如何使用/配置 Grapesjs 以满足我的需求。
谢谢, 阿伦
回答(2)
@arunkumar413我们还没到直接操作React组件的阶段,但#1970已经有事情在推进
你好!请阅读[设置指南](https://grapesjs.com/docs/modules/Components.html#setup-jsx-syntax),之后你可以使用“editor.addComponents(<div>Hello JSX</div>)”来添加组件。 对于框架特定的 JSX,你也可以使用 [处理器回调](https://github.com/artf/grapesjs/blob/c1fb490a73adefb0fa073f37bef4e6178d9321a8/src/dom_components/config/config.js#L40-L58)。 干杯!
相关问答
通过相似的问题讨论继续研究。
问题 #6040
无法读取未定义的属性(读取“lastComponent”)
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 127.0.6533.89(官方构建)(64 位) 可复制演示链接 描述一下那个虫子 请检查此事。selectern的值未定义。我在React里用它,结果出现了错误异常。 /*返回所选组件的...
问题 #4621
没有找到在单一画布上显示多页的选项
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 无链接 描述一下那个虫子 你好, 我用的是 Grapsjs 和 React,到目前为止觉得非常有用,但我想把应用中创建的所有页面展示出来,以便在 Canvas 上预览,却找不到...
问题 #5083
方块不能拖到画布上
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 陶瑞 可复制演示链接 描述一下那个虫子 如何复现这个漏洞?... 预期的行为是什么? ... 目前的行为是什么?** ... 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js “使...
问题 #4496
SetStyle(场景风格)
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 最新版本可复制演示链接 没有,因为它有太多React等自定义代码描述一下那个虫子 如何复现这个漏洞? 用 setStyles 向编辑器添加更多样式 这是我在 setStyles 里用过的...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。