#14342018年9月17日作者 YashPrince3 个回答
@artf 请检查你的演示页面文字是否隐藏在工具栏下方。我们如何更新工具栏的位置？ ![工具栏问题]（https://user-images.githubusercontent.com/40828744/45635311-493daa80-bac2-11e8-9407-eb17dcb8205c.png）
artf
目前该职位是[硬编码]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/SelectComponent.js#L519），但我们可以像通过事件扩展RTE工具栏那样扩展（https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L237-L239）
artf
https://github.com/artf/grapesjs/pull/1730 关闭
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#14102018年9月8日作者 YashPrince3 个回答
@artf 当我们从顶部设置到容器的边距，并想拖动某个元素时 拖拽占位符的高亮位置似乎不对，因为它也包含了边距，而且显示在顶部 即从哪里给出边距的元素。我怎样才能只在容器内显示拖曳占位标记，而不是外部，这样用户会少一些困惑？任何帮助都将不胜感激。 ![占位错误]（https://user-images.githubusercontent.com/40828744/45250836-76b78500-b359-11e8-8074-3369b4463fda.png）
YashPrince
你可以在试玩页面查看。 https://grapesjs.com/demo.html https://vimeo.com/289217284
#14092018年9月7日作者 YashPrince3 个回答
我想知道如何将该组件拖拽到另一个组件。如果在组件被拖拽到后变空，我需要添加一个类 外部元素。我能找到拖拽的组件和掉落的组件，但不能从拖拽的位置找到。任何帮助都将不胜感激。 ![变装表演]（https://user-images.githubusercontent.com/40828744/45218205-64d7d280-b2c4-11e8-90f2-380b456221a5.png）
artf
就你而言，我觉得最好听内部组件的更改（比如如果我删除所有子组件怎么办？），但目前没有这样的事件，所以我会尝试在下一个版本添加它。应该是这样的 “''js editor.on（'component：update：components'， component => { 只需修改视图元素即可 const el = component.getEl（）; const hasChildren = component.components（）.length; el.classList[h...
sakshigarg9
@YashPrince你是怎么获得被拖拽组件的ID，以及它被丢弃在哪里的？
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#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 =...
#13682018年8月16日作者 shlomoko3 个回答
有没有办法动态调整画布大小？比如不使用设备管理器，而是像面板或组件那样拖拽宽度？ 谢谢
jvillena
@artf和@shlomoko，我会一点点解释这个步骤。首先，我需要用Jquery，但你也可以用其他库，或者在GrapesJS引擎里集成。我当时想让它对引擎透明。 1）我在主索引HTML中，除了iframe外，有两个隐藏的div元素，而grapesJS在运行时生成：第一个称为“设备分辨率”的部分显示与该屏幕尺寸兼容的设备分辨率。第二区包含： ——排水沟 ——当排水沟被压时，左右两侧的垂直杆包裹车身 以下代码是所使用的样式表： 2）当用户点击设备屏幕图标时，我显示的是处理程序...
artf
不@shlomoko，画布不能调整尺寸，但我很乐意看到PR的说明（可能用和分镜一样的逻辑）
jvillena
你好@artf，我刚刚实现了一个调整画布条大小，但我不知道有没有办法刷新高亮边框的位置。请看视频：http://recordit.co/jKlppYg2dD GJS 徽章 GJS-工具栏 此致敬礼。
#13562018年8月11日作者 kickbk3 个回答
你会如何为资产管理模态添加“插入图片”按钮？目前“添加图片”可能让一些人感到困惑，他们以为那个按钮会把图片插入画布，然后不停点击直到鼠标掉:)
artf
你是不是只是想把“添加图片”改成“插入图片”？
kickbk
@art这里有一个示范图来表达这个想法。不是我用BS来做按钮样式。 所以你点击图片高亮，导入关闭。 目前点击时它已经替换了图片，但模态不会关闭。很难判断发生了什么，而且没有关闭按钮。所以也许我们可以让它更直观一点？可能还有取消按钮？ ![示例]（https://user-images.githubusercontent.com/31323376/44041024-a48bd932-9ed1-11e8-82dc-2a67bd8f8d4a.jpg）
kickbk
抱歉......并不是想结束这个问题。
#13462018年8月6日作者 FrciSmrci3 个回答
嘿，@artf， 我觉得滑块组件在用户体验上也会很有用，比如用户对整数属性的交互，比如字体大小/行高等。 我想提议用默认的单位属性扩展滑块组件，这个属性会包含字符串，但单位属性下没有选择数组。 你怎么看？ 提前感谢大家！
artf
是的，抱歉，这周我忙于其他事情，希望周末😬能发布
artf
用这种配置可能已经可以做到 “''js { 类型：“滑块”， 属性：“font-size”， 单位：[]， 单位：“他们”， 默认次数：14， 最大：40， 分钟：1， } ``` 但不幸的是，我注意到目前滑块本身并没有更新指针（因为指针不是数字值）。我会在下一个版本里修正这个问题
FrciSmrci
谢谢你@artf :)下一次发布计划是什么时候？
#11782018年6月6日作者 demodesign2 个回答
你好，artf， 我想替换封装器 div，例如： 当我们创建新闻通讯模板时，包装 div 已经存在了。在导入模板中，如果 import html 中存在 wrapper div，那么需要用新的替换已有的 wrapper。 这可能吗？以下是我的代码 拖放后，无法编辑@artf
artf
目前没有导入包装器的方法，但我很乐意接受永久居民的申请
padcom
这方面有进展吗？在处理需要上下文的自定义元素时，指定包装组件非常有用，比如需要某些数据“provide（）d”的FormKit。
#10812018年5月3日作者 mmeeeooowww3 个回答
我正在尝试拆除一个面板。函数第一次运行“removePanel”时返回面板，再次运行时返回未定义。值得注意的是，取回所有面板后该面板不再退回，但它仍然可见且可用。我试着移除演示页面左上角的设备选择按钮，但我也尝试去掉了“选项”和“视图”，结果一样。 预期行为： 执行编辑。Panels.removePanel（'devices-c'）;' 应该会移除设备选择面板。 当前行为： 执行编辑。Panels.removePanel（'devices-c'）;does not移除设备选择面板。 ![图片]（https://user-images.githubusercontent.com/33463827/39554942-4080d802-...
FrciSmrci
嘿，@mmeeeooowww， 面板应如本期讨论的那样拆除，https://github.com/artf/grapesjs/issues/824#issuecomment-362029424。 祝你有美好的一天。
mmeeeooowww
你好，@FrciSmrci我目前正在用CSS来隐藏内容。我是不是误解了“removePanel”的用途，还是用法不对？ 谢谢！
#10792018年5月1日作者 Coyote63 个回答
在导入组件和初始化 grapesjs 时，css background-repeat 属性被改为 background-repeat-x 和 background-repeat-y，这在 iOS 上会被破坏。 导入组件： '''html <div id=“izmt”>Test Begin<br /> <br /> <br /> <br /> 测试结束</div> <style type=“text/css”>#izmt{background-image：url（“/path/to/img.jpg”）;background-repeat：repeat-x;} </style> 这是它之后的表现： 移动版 ![手机后音]（https:...
Coyote6
谢谢。 我把这个加到了我的存储管理器功能里......我觉得这暂时解决了问题......我还没完全清醒，如果我搞砸了什么，请告诉我。 “JavaScript var css = editor.getCss（）; 修复JavaScript解析器中的后台重复。 var noRepeat = /background-repeat-x：no-repeat;背景-重复-y：无-重复;/g; var 重复 = /background-repeat-x：repeat;背景-重复-y：重复...
artf
谢谢@Coyote6我们已经知道这个问题。这是因为浏览器的CSS解析器，我暂时无法做太多，除非有自定义CSS解析器，希望尽快实现。
artf
https://github.com/artf/grapesjs/releases/tag/v0.14.33 你可以使用自定义的CSS解析器，第一个发布的是[grapesjs-parser-postcss]（https://github.com/artf/grapesjs-parser-postcss）