问题 #2629✓ 已解决提出于 2020年3月9日作者 vitor-peixoto2 个反应

可以用 React 组件创建组件吗?

快速解答作者 pouyamiralayi2

这里@TRUEND一个[示例](https://github.com/beepsoft/grapesjs-react-component-example) 干杯!

阅读下方完整回答 ↓

问题

是否有可能从某个库中创建一个或获取一个 React 组件,然后插入为允许的组件来创建模板?

从 'react' 导入 React;
从 './components/CustomButton' 导入 CustomButton
从 'Grapesjs' 导入 Grapesjs

const editor = Grapesjs.init({
...
});

editor.addComponents(<CustomButton color=“red” otherProp={...somepros}/>);

或

编辑。BlockManager.add('CustomButton', {
  标签:“按钮”,
  内容:<自定义按钮 color=“red” otherProp={...somepros}/>,
});

回答(1)

相关问答

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

问题 #4792

20.2版本的拖放功能失效了

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式,丢弃后再将组件本身设为绝对拖拽。...

4 个回答更新于 2022年12月20日

问题 #4225

BUG:Facebook 插件在 Grapes JS 中无法使用

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v9可复制演示链接 不是在那里描述一下那个虫子 如何复现这个漏洞?在 React 应用中安装 Grapes js 并运行制作 Facebook 插件组件并导入 Grapes js(从 h...

4 个回答更新于 2022年3月31日

问题 #3832

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装葡萄 js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样式 保存到数据库...

4 个回答更新于 2021年9月29日

问题 #3446

无法存储数据,意外令牌 '-'

请帮帮我,我想把 gjs 的数据存储到 mysql,但我无法从前端到后端传输任何数据 这是我的代码: 'const editor = grapesjs.init({ 容器:“#editor”, storageManager: { 类型:“远程”, 参数:{}, // 用于请求的...

4 个回答更新于 2021年5月13日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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