嗨。我如何为不同的模块使用不同的样式管理器
我想拖动一张桌子,所以我想要一些桌子样式
artf
组件模型有三种不同的属性,允许自定义样式管理器的行为:可样式化、不可样式化、可样式化-需要(详情请参见[源文件](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L53-L63))
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated我想拖动一张桌子,所以我想要一些桌子样式
artf
组件模型有三种不同的属性,允许自定义样式管理器的行为:可样式化、不可样式化、可样式化-需要(详情请参见[源文件](https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L53-L63))
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
如果启用了 grapesjs-aviary 并且正在克隆图片,铅笔按钮会被复制。 之前:  之后:    { publish(editor.getHtml(), editor.getCss()); }, stop: 函数(编辑器,发送者Btn)...
milapshah15
@artf 你能帮帮我吗?
shareefhiasat
@milapshah15请查看@artf回复和我在这里的回复 https://github.com/artf/grapesjs/issues/625
milapshah15
@shareefhiasat如果你看到我的代码,我猜这个问题和我遇到的不一样。此外,我发现加载网站预设插件时会遇到这个问题
你好, 我有一个自定义模块,里面有自定义属性 '@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]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
大家好, 我对这个框架还很陌生,刚开始为我的一个项目探索它。我想在包里的样式基础上添加一些自定义样式。 这就是我正在尝试的。它移除了除了下面保留的内容以外的所有内容,我理解的是,通过做下面的操作,我实际上是在覆盖可用的内容。 styleManager : { 扇区:[{ 名称:“维度”, buildProps: ['宽度', '最小高度'], 性质:[{ 属性:“宽度”,// 使用“property”作为 ID 最低:30 }] },{ 名称:“Extra”, buildProps: ['background-color', 'box-shadow'] }] }, 此致敬礼 米拉普
milapshah15
这就行了。 https://github.com/artf/grapesjs/wiki/API-Style-Manager 此致敬礼 米拉普
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
你好,@artf。 在保存模板之前的第一次,当我创建一个元素并克隆它时,样式会进入克隆的元素。运行正常。 但当我保存模板并用这个编辑器渲染时,editor.setComponents(templateHTML); 然后克隆元素,它们的样式不适用于克隆的元素。 提前感谢大家的帮助
artf
试玩版测试后,一切正常。在没有任何现场演示的情况下,依我看,这个问题没有理由继续悬而未决。 顺便说一下,如果你能存储并加载模板,请检查[这个](https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates)
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
嗨!我对一些模板有问题。这个模板在页面加载后会运行一些脚本。当 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你能现场演示一下这个问题吗?
GrapeJS 不支持从右到左的语言。阿拉伯语、波斯语和希伯来语是少数RTL语言。 请添加RTL支持,或者如果有暂时的解决办法,请告诉我。
artf
你只需要在样式管理器中添加CSS的“方向”属性(查看[getting started](https://github.com/artf/grapesjs/wiki#style-manager))
Orijinn
你好@artf, 你能举个例子吗?使用场景是让所有文本输入都使用RTL。如何实现这一点? 尝试添加扇区,但什么都不行。导演也不是内置道具。 谢谢
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@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]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。