GrapesJS 问题

pranay2210

如果你有任何解决方案，请回复，我也在寻找同样的解决方案。

artf

滑块调用应该在你放置新方块时触发。 了解更多关于[组件]（https://grapesjs.com/docs/modules/Components.html）和[带有JS]（https://grapesjs.com/docs/modules/Components-js.html）的组件。仅用块是不够实现此类功能的

inidaname

你@pranay2210找到解决办法了吗

artf

不幸的是，计算出的高度和宽度（比如这个例子，因为是附加在标签上而不是单个类别/ID）无法正确显示，因此被故意排除

Joshmamroud

@artf 你就是那个男人！我甚至不知道有“：empty”这个选择器。如此简单，如此棒！真是令人震惊。谢谢！

artf

我也用过类似的方法，只用 CSS 做过类似的事情 “''js const doc = 编辑。Canvas.getDocument（）; ...addType（'cc'， { 模型：{...}， 浏览量：{ init（） { ... const stl = doc.querySelector（'style#cc-id'）; 如果 （！stl） { doc.body.insertAdjacentHTML（'beforeend'， ' <style id=“cc-id”> .cc...

hellocaio

嗨，Josh，我喜欢你的想法。 我不是专家，但这里有几点想法： 基本上我会给组件本身添加某种标志。 想法1）如果组件是某种容器（比如div），可以添加一个“<p class=”empty-message“>Drag a element here</p>”，然后当添加新组件时，可以使用编辑器事件“component：add”，检查是否有带有“empty-message”类的兄弟事件并删除它。 想法2）在组件本身添加一个“空消息”类，然后用CSS ：before/：after添...

hellocaio

算了，问题由以下方式解决： editor.on（“load”， （） => { Editor.ON（“Component：add”， （model） => { editor.select（model）; }); });

hellocaio

好吧，先不管之前的事了。之前成功了几次，现在我也遇到同样的错误。抱歉。

artf

能提供一个演示吗？

suryalijo

谢谢，我用createCustomElement在GJ里渲染了angular组件。 ![图片]（https://user-images.githubusercontent.com/61888245/96286268-1ff7ed00-0fae-11eb-9301-c3e7d60f854e.png）

suryavijayakumar1315

在应用模块中将 AngularComponent 作为 entryComponents，然后像下面给出的那样导入 createCustomElement 现在用“弹出元素”在葡萄中

suryavijayakumar1315

我在Block Manager里用了类似的自定义元素 this.editor.BlockManager.add（'blockname'， { 标签：“标签”， 类型：“类型”， 内容：”<div><mycustomelement></mycustomelement></div> 类别：“categoryname” });

artf

CSS

artf

我不确定为什么会这样，但我不会因为一次误报更新就给这个问题分配高优先级。所以，如果有人愿意帮忙调试这个问题，我将非常感激

artf

现在应该不会再有问题了

JoshLucio

@mhowey我也见过类似情况，但我一直以为正体只是内容的占位画布。对正体的更改不会导出，因为正体中放入的内容是唯一被导出的内容。在我的应用中使用中，主体颜色的变化只是用来直观地展示如果网站有背景色，放置内容时会是什么样子。

artf

你可以用这个选项 “''js Grapesjs.init（{ exportWrapper： true， }) ```

mhowey

谢谢你的回复@JoshLucio。我用的是新闻通讯预设插件，我觉得它更适合HTML邮件，而不是网站建设。我其实也在想你说的那种情况，我也研究过Grapes提供的所有getWrapper和getWrapperEl方法，但它们似乎没有任何样式。 @artf——唯一的办法是手动包裹导出的 html 吗？谢谢！ > @mhowey 我也见过类似情况，但我一直以为正体只是内容的占位画布。对正体的更改不会导出，因为正体中放入的内容是唯一被导出的内容。在我的应用中使用中，主体颜色的变化只...

artf

你好，@orosl，感谢你的报告。我找到并修复了这个bug，所以它将在下一个版本中发布。

orosl

你好@artf，非常感谢你的及时回复和发布。我升级到了最新版本0.16.27。不过我仍然遇到这个问题，只是行为稍微不同。 我不确定是否应该开一个新问题，因为问题已经部分解决了，但无论如何，我会在这里解释一下这个行为。 给出与上述类似配置并在演示中展示的方案：https://jsfiddle.net/x5srzpvk/5 如果我在嵌套的 span 元素中更改链接（或其他类似元素）的样式，编辑后样式丢失，因为 id 被更改（样式保留在 id 上）。 因此，id： jp365 变...

artf

谢谢@orosl其实修复方法是内部组件有效，但嵌套组件不行。我会在下一个版本里修正