用GrapeJS反应
@sakshigarg9通过npm添加'grapesjs'，然后在你的代码里用'import grapesjs from 'grapesjs'，这样就能工作，无需更新webpack配置
阅读下方完整回答 ↓问题
您好，我做了搜索，但没找到具体的解决方案。目前，我正在尝试将我的React应用集成到GrapeJS。 'import React， { Component } from 'react'; import './GrapesSrc/grapes.min.js';import GrapesIndex from 'grapejs';class GrapesEditor extends Component { Constructor（props）{ super（道具）; } shouldComponentUpdate（）{ return false } componentDidMount（）{ const editor = grapesjs.init({ 容器：“#gjs”， components： '<div class=“txt-red”>Hello world！</div>'， 风格：“.txt-红{颜色：红}'， }); } render（） { return ( <div id ='gjs'> </div> ); } } export default GrapesEditor; ` 我尝试使用CDN，并将其包含在index.html文件中，但仍然出现grapesjs未定义的错误。 我尝试直接导入“./GrapesSrc/grapes.min.js'。创建了一个带有代码的新文件夹，...
回答（3）
@sakshigarg9通过npm添加'grapesjs'，然后在你的代码里用'import grapesjs from 'grapesjs'，这样就能工作，无需更新webpack配置
@Silavin 你成功整合Grape和React了吗？
如果你用webpack来构建你的React应用，可以把它作为插件包含。它会从node_modules中拉取它。 ''plugins： [ 新webpack。ProvidePlugin（{ grapesjs：“grapesjs” }) ],`` 这对我很有效。
相关问答
通过相似的问题讨论继续研究。
问题 #1769
在 ReactJs 中集成 GrapesJs-plugin-ckeditor 时出现错误
我正在将 GrapesJs 集成到 React 应用中。我用的是 npm 包 “ckeditor”： “^4.11.2”， “grapesjs-plugin-ckeditor”： “0.0.9” 'import React from 'react'; 从 “react-redu...
问题 #1462
上传图片错误
我们已经把 GrapesJs 集成进了我们的 Angular 应用。 我们让资产管理器显示已上传的图片列表。起初没有图片，拖动图片后上传时，资产管理器显示的是正确的图片。 上传图片时，我们返回的对象数据属性中只有一张图片，因此这张图片会附加到已有的图片上。初始化时，我们返回的是...
问题 #399
我可以在当前模态和当前模态子节点中按工具栏吗？
又问好，@artf，我对元素中的推送工具栏和特定类别（例如模态触发器）有点混淆了。 元素代码为： '''html ... <a href=“#modal1” data-highlightable=“1” class=“modal-trigger”> <div data-high...
问题 #407
定义新的标记语言
你好，@artf， 我想定义一种新的标记语言，比如mjml，让设计更简单、更易读。我从“标签”作为<error>有色人种开始。请在下方写代码; 模型： 'import 组件来自 'grapesjs/src/domcomponents/model/Component'; cons...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。