问题 #1899💬 已回答提出于 2019年3月17日作者 prgmono20181 个反应

React with GrapeJS——无插件

快速解答作者 simplecommerce1

不太明白你说的“没有插件”是什么意思。 但如果你说的是 GrapesJS 实例,你只需要在 'componentDidMount' 里初始化它。 举个例子: 在你的渲染图中 在componentDidMount中 类似这种情况,通常应该能用。

阅读下方完整回答 ↓

问题

你好, 我该如何用 Grapesjs 搭配 React? 我不想用插件——我做了一些改动,想用编辑器和React和其他页面。 我该怎么做?

非常感谢你!

回答(3)

simplecommerce2019年3月17日

不太明白你说的“没有插件”是什么意思。

但如果你说的是 GrapesJS 实例,你只需要在 'componentDidMount' 里初始化它。

举个例子:

在你的渲染图中

render() {
  返回 <div id=“gjs”></div>
}

在componentDidMount中

const editor = Grapesjs.init({
  请指示编辑器的初始化位置。你也可以通过HTMLElement
  容器:“#gjs”,
});

类似这种情况,通常应该能用。

artf2019年3月23日

除了@simplecommerce已经说过的,没什么可补充的

lock[bot]2020年3月22日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #1180

[问题]用GrapeJS反应

您好,我搜索过,但没找到具体的解决方案。目前,我正在尝试将我的React应用与GrapeJS集成。 'import React, { Component } from 'react'; import './GrapesSrc/grapes.min.js'; 从“grapejs”...

3 个回答更新于 2020年2月22日

问题 #2009

“选择”特质,编辑模式中未更新

你好, 我有个问题,不知道是我的代码问题还是Grapejs本身的问题, 对于LINK工具,它会从我的数据库中提取链接,比如link1、link2,然后我把LINK工具放到我的页面,保存在BD里。 我把 link3 添加到数据库里,然后当我去编辑之前创建的包含 LINK 工具的页...

3 个回答更新于 2020年5月21日

问题 #1985

[虫子]远程存储的自动保存不会发送网络请求

操作系统:Windows 10 浏览器:Chrome 73 GrapesJS 版本:'0.14.57' 我用这个调用 'grapesjs.init()' 配置了远程存储: 虽然我在Chrome开发工具的网络标签里看到“/load”请求触发,但无论我在编辑器里做多少修改,都没看到...

3 个回答更新于 2020年5月6日

问题 #1897

[问题] 观点与代码

你好......抱歉我的英语不好! 首先,祝贺你打造了这个出色的框架。 我正在尝试用GrapeJS来创建自己的WordPress编辑器,但我有些疑问。 如果我的代码中使用了WordPress的“短代码”,我怎样才能在 grapeJS 中预览这个短代码,同时保持 html 代码不...

3 个回答更新于 2020年3月27日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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