问题 #1970✓ 已解决提出于 2019年4月21日作者 rodenp33 个反应

整合 React 组件

快速解答作者 rodenp12

精彩的作品@beepsoft 将React正确集成到核心中将是一个很好的进步,也能为支持其他框架铺平空间。这将把葡萄的标准提升到另一个层次。

阅读下方完整回答 ↓

问题

首先,你这里有个很棒的工具。

如果我问的问题以前有人问过,抱歉。 我试着阅读文档和谷歌帖子,但还是有点卡住了。

我和几个人一样,试图把React组件集成到葡萄中。

https://github.com/artf/grapesjs/issues/170 提到自定义渲染逻辑。我该如何实现自定义渲染逻辑?

我发现了这个 -> https://www.npmjs.com/package/grapesjs-react,我看不到它包含任何实际可拖拽的组件。

有没有什么例子是可以拖拽到画布上的示例反应组件?

你能概述一下集成React组件时需要解决的领域吗?

再次感谢你带来的精彩项目。

回答(3)

👍 最有帮助rodenp2019年11月11日

精彩的作品@beepsoft 将React正确集成到核心中将是一个很好的进步,也能为支持其他框架铺平空间。这将把葡萄的标准提升到另一个层次。

artf2019年10月19日

@beepsoft特别酷,尤其是对流程的详细解释你能不能添加一个公共API,让它能像提供自定义CSS解析器一样,提供自定义HTML解析器? 我会看看能不能快速添加一些东西,而不用太多重构,但据我所见,你的方法相当安全,即使你用的是非公开的方法。 无论如何,你做的项目能够渲染一个仅一个组件,也就是“<Timer/>',我几乎不相信有人会为了添加一个React组件而跳进这样的旅程。我认为我们需要创建一个通用的 React 组件渲染器,能够自动显示任何 React 组件。 这是一个我预期的API示例 “''js 从“GrapesJ”导入葡萄; 从 'grapesjs-react-renderer'...

beepsoft2019年10月18日

你好, 我在这里创建了一个快速实现的概念实现/示例,展示了将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 组件显示画布中的内容。让相同的...

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。