整合 React 组件
问题
首先,你这里有个很棒的工具。
如果我问的问题以前有人问过,抱歉。 我试着阅读文档和谷歌帖子,但还是有点卡住了。
我和几个人一样,试图把React组件集成到葡萄中。
https://github.com/artf/grapesjs/issues/170 提到自定义渲染逻辑。我该如何实现自定义渲染逻辑?
我发现了这个 -> https://www.npmjs.com/package/grapesjs-react,我看不到它包含任何实际可拖拽的组件。
有没有什么例子是可以拖拽到画布上的示例反应组件?
你能概述一下集成React组件时需要解决的领域吗?
再次感谢你带来的精彩项目。
回答(3)
精彩的作品@beepsoft 将React正确集成到核心中将是一个很好的进步,也能为支持其他框架铺平空间。这将把葡萄的标准提升到另一个层次。
@beepsoft特别酷,尤其是对流程的详细解释你能不能添加一个公共API,让它能像提供自定义CSS解析器一样,提供自定义HTML解析器? 我会看看能不能快速添加一些东西,而不用太多重构,但据我所见,你的方法相当安全,即使你用的是非公开的方法。 无论如何,你做的项目能够渲染一个仅一个组件,也就是“<Timer/>',我几乎不相信有人会为了添加一个React组件而跳进这样的旅程。我认为我们需要创建一个通用的 React 组件渲染器,能够自动显示任何 React 组件。 这是一个我预期的API示例 “''js 从“GrapesJ”导入葡萄; 从 'grapesjs-react-renderer'...
你好, 我在这里创建了一个快速实现的概念实现/示例,展示了将React组件集成为GrapesJS模块/组件: https://github.com/beepsoft/grapesjs-react-component-example 虽然“与React集成”可能有很多含义,但这是我试图解决的用例:设置一个 GrapesJS [block](https://grapesjs.com/docs/modules/Blocks.html),拖拽到 [canvas](https://grapesjs.com/docs/api/canvas.html)时,使用 React 组件显示画布中的内容。让相同的...
相关问答
通过相似的问题讨论继续研究。
问题 #3443
主干网-撤销/下划线安全建议
版本: 'v0.17.3' 你能重现演示中的bug吗?[x] 是的[ ] 不 预期的行为是什么? 见下文 目前的行为是什么? 嵌套依赖中使用的“underscore”版本中存在已知的安全漏洞。 当前版本的“葡萄”使用“backbone-undo”^0.2.5” https://...
问题 #5320
上传图片或资源在文件/图片选择时没有触发
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v114 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞?我用的是[grapesjs-react](https://www.npmjs.com/package/grapes...
问题 #3285
:画布iframe中的文档类型
嗨。 这个问题已经被问过两次([这里](https://github.com/artf/grapesjs/issues/973)和[这里](https://github.com/artf/grapesjs/issues/1230)),但从未有过答案。 有没有办法在画布ifram...
问题 #3778
选择选项未显示——新的异常
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 铬可复制演示链接 https://github.com/artf/grapesjs/issues/3735描述一下那个虫子 我遇到了与选择框相关的问题。它显示的问题和主机版一样 [特质]: 'sele...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。