GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#26732020年3月20日作者 qtarant2 个回答

4 个反应

组件更改后刷新DOM树的功能

你好。我正在用这款神奇的软件开发一个网站。现在，我正在定制编辑器，发现了一个无法继续的任务。我用的是ckeditor插件，效果正常。在 ckeditor 工具栏里，我有选项在文本内嵌插入图片。它运行得很好，但问题是我希望 GrapesJS 能像往常一样识别这张图片作为组件（我在 GrapesJS 里也有图像组件和块块），比如文本版本完成后。其理念是在版本（由 ckeditor 插入的图片）完成后（如果可能的话）刷新 de component DOM。我查过 API，但没找到任何能刷新组件 DOM 的函数，让 GrapesJS 知道图像组件。最后一点，如果我把内容保存到数据库并重新加载，GrapesJS 会加载整个 DOM...

qtarant

我已经解决了我的问题。关键代码是“rte：disable”事件，当富文本编辑器（rte）关闭时触发。还有一点很重要，它被编辑的内容不在组件模型中，只在其视图里，所以你必须用这些内容刷新模型。相关代码如下： 'editor.on（'rte：disable'，（componentView） => { const model = componentView.model; const innerHTML = componentView.$el[0].innerHTML; c...

pouyamiralayi

@qtarant看看[#2537评论]（https://github.com/artf/grapesjs/issues/2537#issuecomment-580167660）干杯！

查看详情

#26722020年3月20日作者 alimurad522 个回答

2 个反应

从 getCss（）获取 CSS 时，供应商前缀被移除

我使用的版本是：'0.14.57'，React 是'16.8.6'。当我使用函数 'editor.getCss（）' 时，它会返回 CSS，但没有供应商前缀。例如，我添加了以下 css '.product-card { -webkit-过渡：所有0.2s都易; 过渡：所有0.2秒的轻松; }' 它返回我 '.product-card{ 过渡持续时间：0.2秒; 过渡-定时函数：易; 过渡延迟：0秒; transition-property：all; }`.我怎样才能避免这种情况，并拿到我保存的（带前缀）？我在演示中检查过，那里运行正常，但本地设备出现了问题。很遗憾我无法在其他地方发表，目前也没有上线。只有这个函数“getCss（...

artf

用这个 https://github.com/artf/grapesjs-parser-postcss

alimurad52

效果非常好@artf！非常感谢！

查看详情

#26712020年3月20日作者 TrungLeIT2 个回答

0 个反应

：如何处理更多性状区域

我想在下面补充更多结构部门：添加设置扇区 var traitsSector = $（'<div class=“gjs-sm-sector no-select”>'+ '<div class=“gjs-sm-title”><span class=“icon-settings fa fa-cog”></span> Settings</div>' + '<div class=“gjs-sm-properties” style=“display： none;”></div></div>'）; var traitsProps = traitsSector.find（'.gjs-sm-properties'）; traitsProps.ap...

artf

目前你只能渲染一个特性容器，所以不能拆分它们

gunslingor

我对演示和这个回答感到困惑。为什么我可以在初始化时配置通用、维度等部分，却不能配置设置/特性或其他部分？另外，初始阶段不能给预设添加任意部分吗？我很惊讶，尤其是文档里说我应该能做到：“customStyleManager - 为样式管理器使用自定义扇区集”。我复制了通用，尝试重命名为特质、设置和随机名称，但没有添加任何章节。 'customStyleManager |样式管理器使用自定义扇区集”

查看详情

#26702020年3月19日作者 kohki-shikata1 个回答

1 个反应

编辑器中没有显示自定义块的HTML类名称

我下面是这样添加了我的方块然后把这个块状拖拽到画布上，用“export-template”命令显示HTML代码。 👆好吧，这正是我预料的。但是，HTML 类不出现在编辑器的元素上，所以它没有应用在 .main-title 的样式上。 <img width=“793” alt=“screenshot 2020-03-20 2 36 53” src=“https://user-images.githubusercontent.com/4133263/77097455-2a6ff980-6a54-11ea-9e74-f5af7982b1b4.png”> <img width=“706” alt=“スクリーンショット 2020-03...

artf

课程应被分成“班级” “''js 内容：{ 类型：“文本”，标签名：“p”，类别：“主标题”，内容：“这是主标题。点击这里编辑此文” } ```

查看详情

#26682020年3月19日作者 dilancastillo1 个回答

0 个反应

无效问题

在不同的Razor Pages视图中使用 grapesjs - ASP.NET CORE

我在一个 asp.net 核心项目中使用 grapesjs，需要把 grapesjs 编辑器放在多个视图中。我怎样才能把编辑器放在多个视图中，使用不同的模板？我使用的是 grapesjs-preset-webpage preset

artf

抱歉，这里不是提问非核心函式库问题的合适地方。试试Stack Overflow

查看详情

#26672020年3月19日作者 sampathrajs3 个回答

0 个反应

无效问题

Link 元素 not append in head元素 in ediot.canvas #firefox #grapesjs

我正在尝试在 Web-Builder 中添加 Google 字体，以更改字体样式以便导入，我在编辑器中添加了 CDN，代码在 Chrome 和 Safari 上能正常工作，但 Firefox 不行 createLinkElement（fontFamily） { let link = document.createElement（“LINK”）; link.setAttribute（“rel”， “stylesheet”）; link.setAttribute（“href”， 'https://fonts.googleapis.com/css?family=${fontFamily}'）; 返回链接; } 编辑。Canvas.get...

artf

我制作这个问题模板是有原因的

sampathrajs

我制作问题模板是有原因的我想在网页构建器中添加自定义字体，请你帮帮我解决这个问题

RutujaBadbe

嗨！可能回复得很晚，但你试过吗？- const link1 = document.createElement（'link'）; link1.rel = '样式表'; Link1.href = '/页面构建器-资产/CSS/style.css'; canvas.getDocument（）.head.appendChild（link1）; 这对我有效

查看详情

#26662020年3月19日作者 siddisking2 个回答

0 个反应

添加特质后，元素无法编辑

你好，我想添加一个特性，让我可以编辑组件的标题标签。我通过遵循以下代码实现了这一点我找到了解决这个问题的办法（https://github.com/artf/grapesjs/issues/2188）但双击时不允许编辑该组件。如何启用标题组件的编辑，比如文本组件，保持标签名称功能。 -谢谢

artf

你的组件应该扩展“文本”那条

amitbhoj777

我想添加多个 addType 文本，但我遇到了一个问题，我添加的最后一个 addType 文本只能接受。

查看详情

#26652020年3月19日作者 darylamonica3 个回答

1 个反应

需要帮助 mobile

移动设备上的键盘在文字编辑中无法显示？还有其他人吗？

还有其他人遇到这个问题吗？或者已经解决了？用平板编辑似乎很合理。使用移动设备时，我无法让键盘在编辑文本字段时显示出来。即使用了Grapes Touch插件也没用。这里有一个例子： [http://jsfiddle.net/v9kecdpz/]（http://jsfiddle.net/v9kecdpz/）

bgrand-ch

你好，对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。...

darylamonica

还有什么办法能得到回复吗？我附带了一个演示版。许多已回答的问题没有示例。那么，我到底哪里做错了？

artf

提供更多关于设备（操作系统、浏览器等）的信息。

查看详情

#26642020年3月18日作者 Podvodila2 个回答

2 个反应

GetComponents 方法不返回组件树

我正尝试按照那期讨论实现多页——https://github.com/artf/grapesjs/issues/1331 但当我尝试用“editor.getComponents（）”获取组件树时，它返回的数据格式错误（我猜是模型集合）。当我尝试用“编辑器”设置组件时，SetComponents的方法没有任何反应（在我的项目中，但在JSFiddle上控制台上会报错）。我想让编辑器的组件格式和StorageManager在保存时通过gjs-components参数发送给服务器的格式一致。有人能告诉我我到底哪里做错了吗？ JSFiddle 发行版复制演示 - https://jsfiddle.net/0epyuqk3/

Podvodila

需要字符串化并解析返回的组件（仅在组件最初是程序设置时才有效） 'JSON.parse（JSON.stringify（editor.getComponents（））' https://jsfiddle.net/w1497xp8/ 更新：'editor.getStyles（）' 方法也是一样

artf

是的，这是获取StorageManager相同字符串的正确方法

查看详情

#26632020年3月17日作者 h3llomoto2 个回答

0 个反应

需要更多信息