GrapesJS 问题

pnellesen

@nojacko我稍微修改了代码，基本上我现在的做法是： “''js getInputEl： function（） { 如果（！this.inputEl） { var input = document.createElement（'div'）; input.innerHTML = this.inputHtml var inputEl = input; var pickerEl = inputEl.querySelector（“.myolorPicker”）; pickerE...

artf

你好@pnellesen这其实是个很好的问题，确实应该允许这样做，但遗憾的是，目前情况并不那么简单。我们应该重构一些模块，让界面更易复用。 顺便说一句，试着扩展编辑器。TraitManager.getType（'color'）.prototype.getInputEl' 在 'getInputEl' 方法里，看看它是否能帮到你

pnellesen

@artf——谢谢你的回复！你的建议效果不错（甚至在 Internet Explorer 里也能用，比我用的 html5 颜色选择器还好:p）。我对样式和输入数据还有些调整，但总体来说还不错。 再次感谢！ 给好奇它是怎么运作的（我相信可能还有更好的方法）： 只需要添加大约5行代码（下面加粗），并在我想连接拣选器的元素上添加一个“data-colorp-c”属性： getInputEl： function（） { 如果（！this.inputEl） { var input =...

artf

我做了一个示例/演示，显示两种场景下的配置是相同的 实际上，你没有说明“默认值”，比如“行高”默认为“normal”，因此在初始化时会重置它的“单元”

FrciSmrci

@artf我觉得这个具体修复搞砸了没有单位的属性，比如不透明度。滑块在这种情况下表现得很奇怪，即使在[演示]（https://grapesjs.com/demo.html）上也是如此。

lock[bot]

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

lock[bot]

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

artf

这里查看所有可用的组件方法：https://grapesjs.com/docs/api/component.html 顺便说一句，你应该做类似的 “''js element.on（'component：add'， component => { component.find（'.col1， .col2'）.forEach（comp => { comp.addAttributes（{ ... }）; }); 你不需要重新渲染 editor.render（）; }); ```

lock[bot]

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

artf

如果需要，可以用自定义样式/脚本启动编辑器 “''js VAR Editor = Grapesjs.init（{ 画布：{ 风格：[ “https://fonts.googleapis.com/css......” // ... ], 剧本：[ “https://......some-script.js'， // ... ], }, });

lock[bot]

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

arthuralmeidap

因为调整尺寸只是改变了“宽度”和/或“高度”的值，我没试过，但我觉得你可以试试用事件 'styleManager：change：{propertyName}' 请点击这里查看可参加的活动：https://grapesjs.com/docs/api/editor.html#available-events

lock[bot]

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

arthuralmeidap

那么，在第二种情况下，你是想用新键更新同一个“data-info”属性，对吗？ 因为“data-info”有一个字符串作为类型值，首先你需要获取它并解析成一个对象。 'const dataInfoObject = JSON.parse（this.model.get（'data-info'））' 之后，你可以用新键更新对象 'dataInfoObject[newKey] = newValue' 然后你又把它改回字符串，替换模型的属性值 'this.model.set（'dat...

artf

我觉得他只是想找[addAttributes]（https://grapesjs.com/docs/api/component.html#addattributes）

lock[bot]

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

artf

这些模块的样式定义在这里（https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html），你可以复制它们或自定义

lock[bot]

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

arthuralmeidap

有进展吗？

Abhisheknanda1344463

????@arthuralmeidap我尝试了很多次，但还是失败了。你能帮帮我吗？

artf

https://github.com/artf/grapesjs/issues/1379#issuecomment-417939769

artf

你可以通过添加新的文本特征来更新视频组件，从而增加这个功能，或者你也可以用 https://github.com/artf/grapesjs-custom-code

lock[bot]

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