GrapesJS 问题

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

找到 3,464 个问题

#11792018年6月6日作者 mfloressosa3 个回答
1 个反应

无法加载保存为重要样式的

嗨! 我正在尝试让所有用户设置样式都带有“!important”标志,以防止其他之前存在的类覆盖它(例如 bootstraps 的文本静音)。我觉得我几乎让它运行得很好了。然而,我在尝试重新打开之前导出的设计时遇到了问题。 我用这个#1056让所有新样式在每个属性中都添加!important。这功能正常,确实在画布和导出的CSS中都添加了。 问题出现在我尝试重新打开导出设计时。由于每个属性现在在实际样式值后面都有 !important 文本,样式管理器中的许多输入类型无法识别原始值。例如,所有组合和无线电类型的风格都显示为空的。颜色选择器显示类似“rgb(254, 13, 13) !important”的提示,但不会显示正确的选中...

artf

我已经修复了这个问题,下次版本会发布

mfloressosa

太好了!我会等这张专辑发布。 谢谢!

lock[bot]

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

#11782018年6月6日作者 demodesign2 个回答
0 个反应

想替换包装 div

你好,artf, 我想替换封装器 div,例如: 当我们创建新闻通讯模板时,包装 div 已经存在了。在导入模板中,如果 import html 中存在 wrapper div,那么需要用新的替换已有的 wrapper。 这可能吗?以下是我的代码 拖放后,无法编辑@artf

artf

目前没有导入包装器的方法,但我很乐意接受永久居民的申请

padcom

这方面有进展吗?在处理需要上下文的自定义元素时,指定包装组件非常有用,比如需要某些数据“provide()d”的FormKit。

#11772018年6月6日作者 FrciSmrci3 个回答
2 个反应

多个相同类别的使用

嘿,@artf, 我有个关于风格经理的问题。假设我们在HTML中有多个带有行类的元素,是否有可能在选择某个特定元素时,通过StyleManager更改的样式会被添加到程序生成的ID/类上,而不是现有的类(在这种情况下是行)? 我认为当前的实现可能有些混淆,因为用户期望他的动作会反映他所选择的具体元素,而不是所有其他元素都采用相同的样式。 提前🙂感谢大家

artf

我认为目前的实现可能有些混淆,因为用户期望他的动作会反映在他选择的具体元素上,而不是其他所有元素都采用相同的样式。 是的,我同意你的看法,目前的类实现可能太偏向技术/开发,我计划未来做类似的方法(Sketch 用 https://www.sketchapp.com/docs/styling/shared-styles/),但遗憾的是没时间实现。 顺便说一句,目前我唯一能建议的办法是把选择器(职业)设为私密,这里有个例子 https://codepen.io/artf/pen...

FrciSmrci

@artf提出的解决方案效果很好。谢谢!:)

lock[bot]

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

#11762018年6月6日作者 Abhisheknanda13444633 个回答
1 个反应

风格区块

你好@artf有没有办法为不同设备设置样式扇区?如果样式是从移动端设置的,我想在桌面端禁用样式扇区,正如你看到的截图,我在面板“视图”里添加了新按钮,我正在尝试在这个按钮里添加差异样式扇区,请帮帮我@artf。谢谢 ![截图 2018-06-06 下午2:58 29](https://user-images.githubusercontent.com/20657737/41030083-1e292c02-699b-11e8-86e7-869fe1ccbf27.png)

artf

抱歉,这方面没有内置配置,我唯一能建议的是从这个听众开始 “''js editor.on('change:device', () => { console.log(“新设备”,editor.getDevice()); }) ```

Abhisheknanda1344463

好的@artf谢谢你的建议:)

lock[bot]

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

#11752018年6月6日作者 ionic6662 个回答
1 个反应

如何修改新增模块的内容

抱歉,我为按钮创建了类型,但我不知道怎么更改按钮的内容。非常感谢!! ![qq20180606-170858](https://user-images.githubusercontent.com/36065691/41028611-64bc6e52-69ac-11e8-8f09-9a43e3a2d011.png)

FrciSmrci

嘿,@ionic666, 正如组件的[文档](https://github.com/artf/grapesjs/wiki/Components)中所说。添加新类型的组件时关闭自动渲染,声明后手动调用。 你可以在渲染函数中更改组件内容,扩展默认模型视图。有两种可能:更改模型 --> 这会影响最终的 HTML 代码更改DOM元素——>这不会影响最终的HTML代码,只会影响视图。 以上所有内容都可以在提供的GrapesJS文档中找到。 祝你有美好的一天。:)

lock[bot]

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

#11742018年6月6日作者 jerrytohvan2 个回答
0 个反应

如何更改被拖拽组件的内容?

大家好, 我现在只能创建一个自定义组件。 我目前正在构建的一个自定义模块应该显示一个模态,按钮指向一个函数,然后根据选中的按钮插入特定组件。我遇到的问题是附加div不会被渲染和存储(拖动时组件会消失)。 还有什么更好的方法?通过js函数可以更改被拖拽组件的内容吗? 谢谢你

artf

按照问题模板发布你的代码

lock[bot]

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

#11732018年6月6日作者 UmairAfzalUAT2 个回答
0 个反应

Body 和 head 显示的头部标签数据显示为空

你好,Artf 我在给编辑器组件分配的HTML头标签里有head tag和meta tags。 比如 但它在<head>iframe正文中显示内容 比如

artf

GrapesJS 并不是为处理外部内容设计的,实际上所有内容都附加在了正体内部。举个例子,如果你在创建页面构建器,你用 GrapesJS 来创建页面的模板,而不是元数据,这部分应该在外部处理

lock[bot]

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

#11722018年6月6日作者 AB61622 个回答
0 个反应

如何控制像谷歌地图这样的设置

我一直在阅读GrapeJS API,但找不到可以操作某个方块设置并以Google Maps方块中参数的方式传递的地方。我在哪里能找到我需要的信息? ![图片](https://user-images.githubusercontent.com/11187639/41020241-ae053650-6927-11e8-8681-f500277d05a0.png)

artf

这就是地图块的[通过基本块插件](https://github.com/artf/grapesjs-blocks-basic/blob/master/src/blocks.js#L221-L229)插入的方式。 所以你可以用这种方式覆盖它 “''js 编辑。BlockManager.add('map', { 标签:'我的地图', 属性:{ class:'fa fa-map-o', 内容:{ 类型:“地图”, 风格:{ 高度:'350px' }, 地图类型:'q', // q...

lock[bot]

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

#11712018年6月6日作者 ionic6663 个回答
0 个反应

如何更改内容

你好,感谢你对之前问题的建议。但当我更改内容时,会多出一个表格。你能告诉我哪种方法可以直接更改内容吗? ![qq20180606-092912](https://user-images.githubusercontent.com/36065691/41010946-ef5fb9e6-696c-11e8-98e6-5b5beed936b1.png) ![qq20180606-092957](https://user-images.githubusercontent.com/36065691/41010950-f3ac39ac-696c-11e8-801f-8880efc00d9e.png)

artf

再@ionic666,“组件”是子组件,所以你不是替换组件,只是添加子组件。例如,如果你需要更新包装器的属性,可以这样做 'selected.setAttributes({ property: 'value' }'

ionic666

@artf抱歉,我只是想知道哪个方法可以更改表格中的内容,因为我想更改表格中的“tr”和“td”

lock[bot]

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

#11702018年6月6日作者 milapshah153 个回答
1 个反应

导航条样式问题

大家好, 我在导航栏中遇到响应不灵敏的问题,样式也与 Bootstrap 冲突。 @artf 你能帮帮我吗? 此致敬礼 米拉普

FrciSmrci

嘿,@milapshah15, 你能提供一些更多信息吗?你是通过 GrapesJS 初始化配置里的 canvas styles 属性导入 bootstrap 吗?你遇到的问题是Bootstrap导航栏响应还是Grapesjs? 你的样式在使用Basic Blocks插件时会和Bootstrap冲突吗?这里有一个封闭议题,讨论[解决方案](https://github.com/artf/grapesjs/issues/1109)。基本上你只需要在 blocksBasicOpt...

no-response[bot]

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

lock[bot]

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

浏览所有主题