#13932018年8月29日作者 pnellesen3 个回答
我正在构建一个新的特质类型，想在里面包含Grapesjs的颜色选择器——有什么建议吗？目前我在“inputEl”的html里包含标准HTML颜色输入（还有文本字段和单选按钮），但如果可能的话，我很想用grapesjs自带的颜色输入。 举个我想放葡萄采摘器的位置示例。 inputEl = '<div>这里有 HTML</div> 颜色<div><span>： </span><span><输入类型=“颜色” id=“colorpicker” value=“”</span></div><div>这里>更多 HTML</div> 感谢任何建议。顺便说一句，这是个很棒的工具，谢谢你创建它。
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 =...
#13912018年8月29日作者 FrciSmrci3 个回答
嘿，@artf，感谢你的[增强]（https://github.com/artf/grapesjs/issues/1346）！实现在某些属性（字体大小、边界半径等）上正常工作，但在其他属性（行高、边框宽度等）则不然。我创建了一个[示例/演示]（https://stackblitz.com/edit/angular-737uyd），显示两种场景中的配置是相同的，但该单元在上述属性中不适用。 希望你能去了解一下。 谢谢。
artf
我做了一个示例/演示，显示两种场景下的配置是相同的 实际上，你没有说明“默认值”，比如“行高”默认为“normal”，因此在初始化时会重置它的“单元”
FrciSmrci
@artf我觉得这个具体修复搞砸了没有单位的属性，比如不透明度。滑块在这种情况下表现得很奇怪，即使在[演示]（https://grapesjs.com/demo.html）上也是如此。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#13902018年8月28日作者 lorrandavid1 个回答
如果用户没有选择图片，我想尽可能长时间地保留资产管理器，我怎样才能防止在按下关闭按钮时触发事件冒泡？ 另外，有没有办法在选择资源时更改点击事件？
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#13892018年8月28日作者 mariselvanm2 个回答
这是我试图在编辑器中添加的组件。 <div class=“page”> <div class=“col1”></div> <div class=“col2”></div> </div> 添加这些组件后，我尝试给这些元素添加一些计算值，比如这样， element.on（'component：add'，function（ele）{ ele.addAttributes（{ 'data-top' ： topOffset， 'data-left' ： leftOffset， }); editor.render（）;// 用于渲染更新后的html }); 但这个代码只更新了“.page”组件。 我如何将这些attr添加到“.page”组件中的...
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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#13872018年8月27日作者 YashPrince2 个回答
@artf我想把所有谷歌字体都包含在字体家族里。 ![固件]（https://user-images.githubusercontent.com/40828744/44655069-7a6e1200-aa11-11e8-983d-d716ec7835a7.png） 我们该如何包含/导入所有字体家族？任何帮助都将不胜感激。
artf
如果需要，可以用自定义样式/脚本启动编辑器 “''js VAR Editor = Grapesjs.init（{ 画布：{ 风格：[ “https://fonts.googleapis.com/css......” // ... ], 剧本：[ “https://......some-script.js'， // ... ], }, });
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#13862018年8月27日作者 mariselvanm2 个回答
我想读取当元素触发调整大小时的调整大小事件。 我现在的代码是这样的， ' editor.on（“component：resize”， function（model） { console.log（“模型”，模型）; });` 但是，它并没有起作用。 有没有什么办法可以这样做？
arthuralmeidap
因为调整尺寸只是改变了“宽度”和/或“高度”的值，我没试过，但我觉得你可以试试用事件 'styleManager：change：{propertyName}' 请点击这里查看可参加的活动：https://grapesjs.com/docs/api/editor.html#available-events
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#13852018年8月27日作者 ionic6663 个回答
你好，我在自定义属性中保存了一个对象。 ![2018-08-27145924]（https://user-images.githubusercontent.com/36065691/44645342-e2205f00-aa09-11e8-9b70-c5db90b78320.png） 我想实现将值放入自定义属性。 ![2018-08-27150059]（https://user-images.githubusercontent.com/36065691/44645389-07ad6880-aa0a-11e8-804b-17844b300833.png） 但会覆盖上一个 ![2018-08-27150154]（https://user...
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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#13842018年8月27日作者 ahmadcore2 个回答
你好， 我用最新的Grapesjs搭配通讯预设插件，但拖拽按钮时只显示文本 ![截图来源于2018-08-27 13-42-17]（https://user-images.githubusercontent.com/28822541/44644711-3d008900-a9ff-11e8-8382-88953c1651a1.png） 这是我的代码： '<script type=“text/javascript”> VAR图像 = []; VAR Editor = Grapesjs.init（{ clearOnRender： true， storageManager： { 编号：“GJS-nl-”， }, 资产管理人：{ 资源：图片...
artf
这些模块的样式定义在这里（https://github.com/artf/grapesjs/blob/gh-pages/demo-newsletter-editor.html），你可以复制它们或自定义
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#13832018年8月27日作者 Abhisheknanda13444633 个回答
你好@arthuralmeidap我想覆盖面板“视图”的字体 Awesome 图标，比如样式管理器，我想用我的“SVG”图标替换图标。你能帮忙理清这些事情吗 ![截图 2018-08-27 上午11：01 59]（https://user-images.githubusercontent.com/20657737/44644394-88139f80-a9f1-11e8-92da-c44cbcbf6930.png） 我就是这么试过的，但不会反映任何变化。谢谢
Abhisheknanda1344463
????@arthuralmeidap我尝试了很多次，但还是失败了。你能帮帮我吗？
artf
https://github.com/artf/grapesjs/issues/1379#issuecomment-417939769
#13812018年8月24日作者 YashPrince2 个回答
@artf我想在视频组件中包含自定义嵌入代码，这样用户可以添加任何包含视频的iframe。任何帮助都将不胜感激。 例如： <iframe width=“640” height=“360” src=“//player.vimeo.com/video/123456789?autoplay=0&title=0&byline=0&wmode=transparent” frameborder=“0” allowfullscreen=“ wmode=”opaque“></iframe> ![自定义视频]（https://user-images.githubusercontent.com/40828744/44589767-06482a00-a...
artf
你可以通过添加新的文本特征来更新视频组件，从而增加这个功能，或者你也可以用 https://github.com/artf/grapesjs-custom-code
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。