GrapesJS 问题

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

找到 3,464 个问题

#19142019年3月22日作者 lyczos2 个回答
0 个反应

将默认字体大小单位改为EM,而不是REM。

现在在GrapesJS编辑器里,我们有一些字体大小的“REM”。我认为它们应该放在“EM”单元,因为如果我们想在现有页面中嵌入编辑器,可能会遇到字体大小的问题——比如当父字体大小设置为非默认大小时(例如 ':root { font-size: 10px }')。 https://i.imgur.com/Vzoa5y9.png

artf

是的,我觉得你说得对,你想创造一个PR吗?

lyczos

好的,我待会儿会做的:)

#19132019年3月21日作者 SylvainBigonneau3 个回答
2 个反应

在背景属性中指定背景大小会破坏葡萄

使用最新版本的'grapesjs'(0.14.55)和'grapesjs-preset-webpage'(0.1.10),我将我的编辑器配置如下: “JavaScript 从“GrapesJ”导入葡萄; importgrapesJsPresetWebpage from 'grapesjs-preset-webpage'; Grapesjs.init({ // ... 插件:[grapesJsPresetWebpage], pluginsOpts: { [grapesJsPresetWebpage]: { customStyleManager: [ { ID:“Deco”, 名称:“装饰”, 开场:假, buildProps: ['...

artf

好的,我想我找到了问题所在,我会在下一个版本修复它

SylvainBigonneau

可以确认在v0.14.57修复了。谢谢@artf!

lock[bot]

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

#19122019年3月21日作者 simplecommerce2 个回答
0 个反应

自定义组件默认子节点

你好, 我正在尝试理解如何实现以下目标。创建一个带有默认内容的组件作为子节点。创建一个方块,将该组件添加到画布中。将组件子编辑为其他内容并保存HTML结果。稍后在编辑器中重新加载组件并继续编辑。 我的问题如下:我尝试过在默认情况下使用“components”和“content”。我尝试在组件视图的“init”函数中定义一些自定义逻辑,只有在没有组件存在时才添加默认值。 这两种方法都不起作用,起初有效,但如果我编辑文本,保存值,抓取HTML并重新导入,或者用编辑器的“组件”选项重新加载到画布中,默认值会随编辑内容一起插入(作为子节点)。 我不明白为什么。我还注意到,这种逻辑只适用于实际组件,不适用于文本节点,因为 comps.len...

artf

@simplecommerce一个带有默认子节点的自定义组件工作示例(它使用本地存储) https://jsfiddle.net/t5yw48cs/ 试着检查一下你存储/加载模板的方式,也许问题就在这里 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

lock[bot]

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

#19112019年3月21日作者 sakshigarg92 个回答
0 个反应

Knockout.js和葡萄葡萄兼容吗?

我正在尝试用Knockout.js在我的一个组件上实现 attr 绑定。其他方面运行良好,但同样的实现在 grapesjs-preset-web page 格式下无法正常工作。问题可能出在哪里?

artf

抱歉@sakshigarg9,这个问题不在本问题追踪器范围内

lock[bot]

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

#19102019年3月20日作者 HenriqueVilela2 个回答
0 个反应

替换建造道具名称

我有个问题,关于如何替换这些文本来翻译它们 ![图片](https://user-images.githubusercontent.com/38706785/54707080-12068f80-4b1f-11e9-8dd0-aa122a0b6830.png) 抱歉缺乏专业精神

HenriqueVilela

现在我找到了方法,我用 getProperty () 设置了名字,之前没用,但后来我用 stylemanager.render 找到了 编辑。StyleManager.getProperty('sector', 'float').set({ 名称:“Flutuação”, }); 然后 编辑。StyleManager.render(); 在样式管理器中渲染这些更改

lock[bot]

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

#19092019年3月20日作者 iggolob3 个回答
1 个反应

SetComponents 有时非常慢

大家好 我们正在开发一个通讯应用,使用 grapesjs 作为邮件编辑器,通讯预设为 plguin 和一些自定义更改。我们把HTML存储在数据库里,我注意到有些模板用editor.setComponents方法加载起来非常慢。 我尝试通过导入加载演示页面的模板,虽然加载几乎是瞬间完成的,但我注意到新闻通讯演示页面出现了一个奇怪的问题(https://grapesjs.com/demo-newsletter-editor.html)。如果在导入HTML模板前选择组件,加载时间会长得多(从0.5秒到5秒不等)。 插入一些日志后,我发现骨干“设置”方法被更多地调用。大多数是“添加”模型被重复使用,但也有很多“变换样式”的模型。但我有点迷...

artf

这会告诉你如何发现性能问题 https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/

artf

你好@iggolob能举个模板示例和具体步骤来重现问题吗(说的是选择组件时速度变慢)?

iggolob

你好@artf 新闻通讯演示页面可用于重现该期刊(https://grapesjs.com/demo-newsletter-editor.html)。 作为模板,你可以使用演示页面的预设HTML集。只需从导出模板选项复制 HTML 即可。 现在如果你导入那个模板,应该几乎可以立刻完成。但如果你选择任何组件,无论是图片、文本、单元还是表格,尝试导入时都会明显花很长时间,比如几秒钟。 希望这些信息足够,我也可以尝试做个视频,展示步骤。

#19082019年3月20日作者 ProxiBlue3 个回答
1 个反应

无法读取未定义属性“indexOf”。

我在这里找到过之前的结果:https://github.com/artf/grapesjs/issues/1772 但我仍然无法让它工作,按照你的指南和那个问题中的答案,使用最基础的设置。 我的剧本: 页面简单地表示: ![图片](https://user-images.githubusercontent.com/4994260/54671406-d1b00d00-4b30-11e9-9394-1a92bb0d1163.png) 结果为 而且没有任何功能。 有什么帮助或建议吗?

artf

有什么建议吗? 如果无法从项目中移除原型,我认为唯一可能的解决办法是把编辑器放进iframe里我的项目里也遇到了同样的问题,虽然我没用prototype.js,希望有解决办法,任何帮助都将不胜感激! @goprime10如果你没用prototype.js,我觉得这是另一种问题,“无法读取未定义属性'indexOf'”,至少没有栈痕迹就没什么用。所以如果你需要帮助,请按照模板创建新一期

ProxiBlue

好吧,我发现问题出在prototype.js! 我正在做的项目也会加载原型,这就是根本原因。 我尝试过很多方法来防止这种情况,但 https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/ 都没有任何方法能从加载中移除prototype.js。(我做不到) 有什么建议吗?

faaizalikhan1

我的项目也遇到了同样的问题,虽然我没用prototype.js,希望有解决办法,任何帮助都将不胜感激!

#19072019年3月19日作者 u-ashikov2 个回答
0 个反应

:可以拖拽外部 html 到编辑器吗?

我创建了一个组件,是标题和一个块元素。我已经把可拖拽属性设置为 section html 元素。如果我尝试拖拽外部标题的 html 元素到编辑器,它会被丢弃;但如果我试图拖拽我在编辑器中定义的 标题块元素,如果它在 section 之外,就不允许丢弃。应该这样工作吗,还是说这是个bug?

artf

我已经把可拖拽属性设置为section html元素。如果它在区外,是不允许掉落的。应该这样工作吗,还是这是个bug? 如果你设置了“可拖拽:”section“,那意味着你只能拖动标题组件在各个部分内......所以一切如预期般运作......

lock[bot]

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

#19062019年3月19日作者 arthuralmeidap3 个回答
0 个反应

Components & Js - 加载模板

嘿, 我有一个组件连接了一个 JS。一切都是用JS创建的。 当我第一次拖放方块时,JS运行正常,一切运行得很顺畅。 当我加载已有模板时,JS似乎没有运行。JS会创建一些DOM元素,比如DIV和CANVAS,但它们不会被显示出来。 我添加了警报,警报显示了,但JS的其他部分似乎无法正常工作。 另一个问题是:'data-gjs-type' 被改成默认了,而不是保留模板加载时自定义组件类型名称。似乎当我绑定了 JS 时,'isComponent' 方法不会被调用......

artf

你好,Arthur,你能制作一个本期的演示吗?另一个问题是:data-gjs-type 被改成默认了,而不是保留模板加载时自定义组件类型名称。似乎当我绑定了 JS 时,isComponent 方法不会被调用 你是依赖HTML来存储和加载吗?

ayazhussein

我也遇到同样的问题。 当我用脚本放一个组件时,它能用,但刷新后就不行了 你可以试试 grapesjs-component-countdown,刷新后数字就不显示了。 这是我的配置(用于Angular应用,如果有人能帮忙也请看) 更新:经过研究,发现 JS 没有保存在 LocalStorage 里,而且如果组件缺失,它也不会尝试重新渲染组件以添加 JS,而且如果我重新加载后尝试使用 getScript(),它会返回一个空字符串。 “JavaScript this.editor...

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

#19052019年3月19日作者 yrbn3 个回答
2 个反应

导入模板后无法编辑块

遇到了和[1408](https://github.com/artf/grapesjs/issues/1408)一样的问题。你说应该导入JSON,而不是HTML本身。你能告诉我如何导入JSON模板吗?我找不到解决办法。 在“storage:store”中,我获取一个对象: { 资产:“”, 组成部分:“”, CSS:“, html:“, 斯泰尔斯:“” } 然后我运行命令: 'let emailTemplateStr = editor.runCommand('gjs-get-inlined-html')' 然后保存它。 但在导入这个模板('this.editor.setComponents(template)')后,一些块从“文本...

yrbn

抱歉,我在看自己的问题时找到了答案:)))组件和样式其实是字符串。对于那些正在寻找解决方案的人: 'editor.setComponents(JSON.parse(value.components));' 'editor.setStyle(JSON.parse(value.styles));'

anish2690

@artf如果我用<strong>文本</strong>导入器,模板会失败,把文本元素转换成框 示例模板以复现问题。#1906 '''<table width=“100%” height=“150” bgcolor=“rgb(245, 245, 245)” id=“ipyk” class=“c6668 c1354 c7111 c10256 c12714 c22130” style=“框大小:border-box;height: 150px;margin-top: 0px;m...

svalenciano81

抱歉,我在看自己的问题时找到了解决方案——)))组件和样式其实是字符串。对于那些正在寻找解决方案的人:'editor.setComponents(JSON.parse(value.components));''editor.setStyle(JSON.parse(value.styles));' 什么是“价值”?

浏览所有主题