GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#11312018年5月25日作者 ionic6662 个回答
0 个反应

嗨。我如何为不同的模块使用不同的样式管理器

我想拖动一张桌子,所以我想要一些桌子样式

artf

组件模型有三种不同的属性,允许自定义样式管理器的行为:可样式化、不可样式化、可样式化-需要(详情请参见[源文件](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L53-L63))

lock[bot]

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

#11292018年5月24日作者 JuanTincho1 个回答
0 个反应

复制图像块时复制的编辑图像按钮(鸟舍)

如果启用了 grapesjs-aviary 并且正在克隆图片,铅笔按钮会被复制。 之前: ![图片](https://user-images.githubusercontent.com/22417566/40494214-b39642ee-5f4a-11e8-8eb8-87c685739799.png) 之后: ![图片](https://user-images.githubusercontent.com/22417566/40494311-efef74cc-5f4a-11e8-8246-5c78f74155e9.png) ![图片](https://user-images.githubusercontent.com/224175...

lock[bot]

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

#11282018年5月24日作者 Abhisheknanda13444633 个回答
0 个反应

拖拽选中文本时出现的bug。

你好@artf你可以看到我的截图,当你拖动文本块,然后选择该元素中的文本,再拖到内容底部,然后文字附加到内容中没有任何标签,我们无法编辑那段文字......你能帮帮我吗......@artf ![截图 2018-05-24 下午2:40 14](https://user-images.githubusercontent.com/20657737/40476292-4e202fee-5f61-11e8-8738-5ea5af3096f6.png) ![截图 2018-05-24 下午2:47:37](https://user-images.githubusercontent.com/20657737/40476418-967568c...

artf

不要从组件中拖动文本,创建新的组件或从块中拖动

Abhisheknanda1344463

你好@artf谢谢你的回复......我想知道如果我在移动设备上更新样式管理器,桌面模式下是否可能不会出现......请尽快回复我,我需要你的帮助。谢谢@artf

lock[bot]

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

#11272018年5月24日作者 milapshah153 个回答
0 个反应

命令多次运行

大家好, 我需要你的帮助。我在命令面板上创建了一个自定义按钮来发布用 Grapes 创建的网站。当我点击它时,它会执行该命令两遍,我不明白为什么 这是我的代码片段。任何帮助我都会非常感激。 为所有方块设置默认插件 插件: ['GJS-preset-webpage'], pluginsOpts: { 'gjs-preset-webpage': { / options / } }, 指挥 命令:{ 默认值:[{ id:“publishContent”, run: 函数(编辑器,senderBtn) { publish(editor.getHtml(), editor.getCss()); }, stop: 函数(编辑器,发送者Btn)...

milapshah15

@artf 你能帮帮我吗?

shareefhiasat

@milapshah15请查看@artf回复和我在这里的回复 https://github.com/artf/grapesjs/issues/625

milapshah15

@shareefhiasat如果你看到我的代码,我猜这个问题和我遇到的不一样。此外,我发现加载网站预设插件时会遇到这个问题

#11262018年5月22日作者 faizansaiyed3 个回答
1 个反应

如何通过块管理器在块块中添加自定义属性?

你好, 我有一个自定义模块,里面有自定义属性 '@call-method=“searchProduct”'。但当我在 Grapes JS 中直接用它为“<datafieldsearch @call-method=”searchProduct“ label=”Search“></datafieldsearch>' 时,它会跳出错误,说”未捕获的 DOMException:未能在 'Element' 上执行 'setAttribute':“@call-方法'不是有效的属性名。” 那么我该如何通过“bm.add()”传递这个自定义属性?

faizansaiyed

谢谢,实际上我找到了 VueJS 中用 '@' 的替代词,也就是用 v-on 来使用 '@'

d3vr

属性名称不能用 '@',可以用类似 'data-call-method' 这样的词

lock[bot]

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

#11252018年5月22日作者 milapshah152 个回答
1 个反应

我想在套餐中可用的样式基础上添加一些样式

大家好, 我对这个框架还很陌生,刚开始为我的一个项目探索它。我想在包里的样式基础上添加一些自定义样式。 这就是我正在尝试的。它移除了除了下面保留的内容以外的所有内容,我理解的是,通过做下面的操作,我实际上是在覆盖可用的内容。 styleManager : { 扇区:[{ 名称:“维度”, buildProps: ['宽度', '最小高度'], 性质:[{ 属性:“宽度”,// 使用“property”作为 ID 最低:30 }] },{ 名称:“Extra”, buildProps: ['background-color', 'box-shadow'] }] }, 此致敬礼 米拉普

milapshah15

这就行了。 https://github.com/artf/grapesjs/wiki/API-Style-Manager 此致敬礼 米拉普

lock[bot]

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

#11242018年5月21日作者 perfect-coders2 个回答
0 个反应

样式不是在克隆元素后复制

你好,@artf。 在保存模板之前的第一次,当我创建一个元素并克隆它时,样式会进入克隆的元素。运行正常。 但当我保存模板并用这个编辑器渲染时,editor.setComponents(templateHTML); 然后克隆元素,它们的样式不适用于克隆的元素。 提前感谢大家的帮助

artf

试玩版测试后,一切正常。在没有任何现场演示的情况下,依我看,这个问题没有理由继续悬而未决。 顺便说一下,如果你能存储并加载模板,请检查[这个](https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates)

lock[bot]

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

#11232018年5月21日作者 alfaalex813 个回答
0 个反应

模板内的加载事件

嗨!我对一些模板有问题。这个模板在页面加载后会运行一些脚本。当 GrapeJs 加载该模板时,脚本无法启动,因为浏览器无法检测加载结束。 有可能在经典iframe(未注入)中加载templete吗? 例如: '<iframe src=“http://myexamplepages.com” frameborder=“0” style=“overflow:hidden;height:100%;width:100%” height=“100%” width=“100%”></iframe> ` 你可以用这个方案,或者你也可以推荐其他方案。 谢谢。

artf

你试过这个吗? “''js const editor = Grapesjs.init({ ... allowScripts:1, }); ```

alfaalex81

当然,带“allowScripts”参数的其他脚本工作正常,但“加载事件中”里的脚本不行。 我用这样的方式注入代码: ' var newComps = editor.主导组件; $.get('http://myexamplepages.com', 函数 (e) { newComps.setComponents(e); }); window.editor.setComponents(newComps); ` 谢谢。

artf

@alfaalex81你能现场演示一下这个问题吗?

#11222018年5月20日作者 hadifarnoud3 个回答
0 个反应

支持 RTL

GrapeJS 不支持从右到左的语言。阿拉伯语、波斯语和希伯来语是少数RTL语言。 请添加RTL支持,或者如果有暂时的解决办法,请告诉我。

artf

你只需要在样式管理器中添加CSS的“方向”属性(查看[getting started](https://github.com/artf/grapesjs/wiki#style-manager))

Orijinn

你好@artf, 你能举个例子吗?使用场景是让所有文本输入都使用RTL。如何实现这一点? 尝试添加扇区,但什么都不行。导演也不是内置道具。 谢谢

lock[bot]

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

#11212018年5月18日作者 alimajed933 个回答
0 个反应

<Tbody> 在里面<Table>

你好@artf, 我创建了一个新组件,地址是 'tagName = 'table''。当选择并点击我创建的工具栏选项时,会打开一个新的模态,用户提交后,应该会在该模块中添加一些内容。我使用的是 'editor.getSelected().get('components').add(HtmlCode)',HTML 代码总是以 ''' 开头<tbody><tr><td>。我的问题是这些标签被省略了。所以最终结果是“<table>[HTML代码的其余部分]”,而不是“<table><tbody><tr><td>[HTML代码的其余部分]”。 我觉得是因为Tbody只能拖到桌子里?但正如我提到的,组件本身就是一个表。如果每个<tbody>...

artf

我认为这是因为当你添加 HtmlCode 时,浏览器会解析它,但不在表格范围内,因此会剥离你的标签。尝试通过传递一个组件对象来跳过解析器: “''js 与其添加,<tbody>我更倾向于重新设置一个,因为这样可能会导致两个人 editor.getSelected().components({ 标签名:“tbody”, 组件:{ 标签名称:'tr', 组件:{ 标签名称:“TD”, components: '[HTML代码其余部分]'' } } }); ```

no-response[bot]

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

lock[bot]

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

浏览所有主题