可以用 React 组件创建组件吗?
这里@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)
这里@TRUEND一个[示例](https://github.com/beepsoft/grapesjs-react-component-example) 干杯!
相关问答
通过相似的问题讨论继续研究。
问题 #4792
20.2版本的拖放功能失效了
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式,丢弃后再将组件本身设为绝对拖拽。...
问题 #4225
BUG:Facebook 插件在 Grapes JS 中无法使用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v9可复制演示链接 不是在那里描述一下那个虫子 如何复现这个漏洞?在 React 应用中安装 Grapes js 并运行制作 Facebook 插件组件并导入 Grapes js(从 h...
问题 #3832
每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装葡萄 js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样式 保存到数据库...
问题 #3446
无法存储数据,意外令牌 '-'
请帮帮我,我想把 gjs 的数据存储到 mysql,但我无法从前端到后端传输任何数据 这是我的代码: 'const editor = grapesjs.init({ 容器:“#editor”, storageManager: { 类型:“远程”, 参数:{}, // 用于请求的...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。