GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 3,464 个问题

#15192018年10月16日作者 Controlhaus3 个回答
1 个反应

:在 grapesjs.init 中加入组件

能否在 grapesjs.init 上初始化组件。 我们没有使用 StorageManager.load。 我们已经在init时拿到了项目数据。 用 HTML 没问题,但用组件会把组件对象渲染成编辑器中的文本。 'this.editor = grapesjs.init({ components: projectData.components ||projectData.html, style: projectData.styles ||projectData.css, 容器:“#gjs”, 插件: ['GJS-preset-webpage'], pluginsOpts: { 'gjs-preset-webpage': { } },...

cjpollard

你需要解析字符串。 'JSON.parse(projectData.components)'

Controlhaus

现在工作。 感谢你快速且准确的回复 :-)

lock[bot]

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

#15172018年10月15日作者 himanshubudhlakoti2 个回答
0 个反应

如何在 Grapesjs 的 blockmanager 上添加形状的块

大家好, 我是grapsjs的新手。 我有个问题,在blockmanager上添加形状(矩形、三角形、正方形)是否可以添加,因为我们添加了截面。 我想在块管理器上添加形状的块,当我把这个形状放到画布上时,它应该会像其他块(比如剖面块)一样显示在那里。 请告诉我

artf

你可以在块里放任何你想要的 HTML/SVG/CSS,怎么实现(矩形、三角形、方形)由你决定

lock[bot]

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

#15162018年10月15日作者 FrciSmrci3 个回答
2 个反应

CKeditor 5 [增强功能]

嘿,@artf, 如以下[task](https://github.com/artf/grapesjs/issues/1236)所述,我构建了一个ckeditor 5,它能配合GrapesJS,但部分功能表现不如预期。 项目符号和数字点创建时没有问题,但加粗、斜体和链接选项则不行。 你能不能看看这个——为了赏金? 祝你有美好的一天。 编辑:自定义版本不再必要,因为修复已经在最新版本里了。我用的是@ckeditor/ckeditor5-editor-inline构建版本。

FrciSmrci

你好,@artf,谢谢你的回复。 自定义构建不再必要,因为修复已包含在最新的[版本](https://github.com/ckeditor/ckeditor5/releases/tag/v11.1.1)中。我用的是@ckeditor/ckeditor5-editor-inline构建版本。 我会去看看BountySource试试。:)

FrciSmrci

@Unsigno 代码应该是一个可以在 GrapesJS 中提供的新插件,比如 [grapesjs-plugin-ckeditor](https://github.com/artf/grapesjs-plugin-ckeditor),只是这个插件应该支持 ckeditor5(grapesjs-plugin-ckeditor5)。 @gabrigcl已经开发了上述插件的大部分内容,你可以在这个[任务](https://github.com/artf/grapesjs/issu...

artf

你好@FrciSmrci我不能说这是我的优先事项,但你可以考虑一下 https://www.bountysource.com/teams/grapesjs 开悬赏,看看有没有人能帮你看看。 顺便说一句,我更倾向于和原版 CKEditor 5 集成,而不是某个分支

#15152018年10月15日作者 thanhtunguet3 个回答
0 个反应

销毁编辑器,但不删除编辑器对象。

你好,我为 React 创建了一个 grapesjs 的包装组件。 “''js @flow 从 'react' 导入 React; 从 'grapesjs' 导入 GrapesJS; 预设 import gjsPresetWebpage from 'grapesjs-preset-webpage'; 从“grapesjs-preset-newsletter”导入 gjsPresetNewsletter; 插件 import gjsCustomCode from 'grapesjs-custom-code'; 从 'grapesjs-plugin-forms' 导入 gjsForms; import type {GrapesPlug...

artf

你是指'GrapesJS.editors'中的编辑器对象吗?就是那个手动删除的,比如“delete GrapesJS.editors[this.id];'?

thanhtunguet

我尝试手动和通过API(Editor.destroy)销毁编辑器,但都没用。编辑器似乎并没有完全被毁坏。

artf

好的,我们已经遇到了与“销毁”方法#1501相关的问题:如果你需要添加什么,就在那里添加

#15142018年10月15日作者 himanshubudhlakoti3 个回答
2 个反应

如何在 blockManager 上添加视频块

大家好。 我想在 BlockManager 上添加一个视频块,就像下面快照提到的那样 ![啊啊啊](https://user-images.githubusercontent.com/32187513/46931328-52417d80-d068-11e8-81d6-66a11e6ee59a.png) 我正在使用以下代码在块管理器中添加视频块 但那个代码不行 请告诉我如何在块管理器中添加视频屏蔽

yomeshgupta

@himanshubudhlakoti 你可以用 https://github.com/artf/grapesjs-blocks-basic 作为插件。它有预装的积木。文档其实很简单。

himanshubudhlakoti

谢谢你已经@yomeshgupta了

yomeshgupta

@himanshubudhlakoti 不客气!如果问题解决了,请关闭。

#15132018年10月14日作者 yomeshgupta3 个回答
0 个反应

在媒体查询下编写的重复CSS

嘿@artf项目做得很棒! 我注意到了一些东西,并且能在本地机器上复现。任何在“媒体查询”下写的“CSS”都会被重复/应用两次。 Grapesjs 版本 - '0.14.33' 浏览器 - “版本 69.0.3497.100(官方构建)(64位)” 操作系统 - “Windows 10” 演示 - https://grapesjs.com/demo.html ![grapejs_1](https://user-images.githubusercontent.com/20947512/46920096-5fc61b80-d006-11e8-844d-1b8213053806.PNG)

yomeshgupta

GrapeJs 编辑器初始化 测试块已添加 输出 ![bugscreenshotgrapejs](https://user-images.githubusercontent.com/20947512/47229715-05ea9a80-d3e6-11e8-8880-30dbfcc6d453.PNG) @artf我正在尝试添加一个自定义块,并通过“content”属性提供该块的“HTML/CSS”。当我把“块”放到“画布”上时,“媒体查询CSS”会被添加两次到“DOM元素”中...

yomeshgupta

我正在取GrapeJS的链接——https://grapesjs.com/js/grapes.min.js?v0.14.33 在我的调试中(可能有误),文件里是 : './src/css_composer/index.js' 添加规则时 规则与现有规则匹配,如果不存在,则添加,更新。不知怎么的,在“比较”函数里找不到规则,导致它被重复添加!

artf

谢谢Yomesh,我正在调查这个问题

#15122018年10月12日作者 Deepak8132 个回答
0 个反应

倒计时和导航元素中撤销/重做无法使用

你好,@artf, 当我在Live Demo中拖动倒计时和导航,然后点击撤销/重做按钮时,什么都没发生。你能提供一些相关信息吗? 提前感谢大家。

Deepak813

@artf有没有最新进展,因为这是个大问题。一旦拖动倒计时/导航元素,用户无法撤销或重做这些元素。他们需要再次删除和拖拽元素,并进行必要的更改。

lock[bot]

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

#15112018年10月12日作者 mcsekar121 个回答
0 个反应

更改所选组件的HTML内容

我正在尝试用下面的代码替换基本文本合成的 HTML ' const component = editor.getSelected(); component.set('content', 'Test');' 画布里会更改,但代码上仍然附加着“插入您的文本”,如下图所示。 ![screenshot_2018-10-12 ContentStudioUI](https://user-images.githubusercontent.com/18149974/46871411-fa7bfa00-ce4e-11e8-9676-6de9bedb9232.png)

lock[bot]

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

#15102018年10月12日作者 himanshubudhlakoti2 个回答
0 个反应

如何在 Grapesjs 的 blockmanager 添加两列

你好,我是Grapej的新手,正在用Grapej搭配Angular6 我在[](https://grapesjs.com/demo.html)上见过葡萄的演示。 我想在 BlockManager 创建两列,如下面用红色标记的快照所示 ![22](https://user-images.githubusercontent.com/32187513/46867929-483f3500-ce44-11e8-8947-66ef600313f7.png) 我想在 BlockManager 添加两列,当我把那列放到 Canvas 上时,它应该会像上面快照一样显示。 我用的是以下代码,和我从 https://github.com/artf/gr...

himanshubudhlakoti

大家好, 如果有人能帮我解决上面提到的问题,请告诉我情况紧急。

lock[bot]

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

#15092018年10月12日作者 Deepak8133 个回答
1 个反应

如何禁用撤销按钮

你好,@artf, 希望你葡萄治疗顺利。 请问我们当撤销管理器中没有数据时,如何禁用撤销按钮,反之亦然。我已经检查了所有新事件,但找不到撤销激活/停用事件。你能帮帮我们吗? 提前感谢大家

artf

关于“撤销”/“重做”事件 https://grapesjs.com/docs/api/editor.html#general 你可以使用撤销管理器的API,https://grapesjs.com/docs/api/undo_manager.html

chrisrobbins

@artf 如果需要触发撤销事件来呈现其数据,那么我们如何渲染或禁用撤销/重做的BTN?开箱即用的撤销/重做按钮会清空整个模板,如果撤销/重做事件没有追踪到任何东西。我正在尝试根据是否有可撤销/重做的选项来有条件地渲染这些撤销/重做按钮。我在使用“更新”这个通用事件时遇到了麻烦。更新事件似乎从未被触发。你能提供一些背景吗?

artf

如果需要触发撤销事件来展示其数据,那么我们如何渲染或禁用撤销/重做的BTN? ???你可以在任何地方使用撤销管理器的 API,我没说只能在撤销/重做事件后使用。更新事件似乎从未被触发 “更新”事件是在 https://github.com/artf/grapesjs/releases/tag/v0.14.55 年加入的

浏览所有主题