自定义组件的选择无法通过Canvas进行。
问题
嘿， 我试着自己弄明白，但感觉自己有点绕圈子。所以我希望你能有时间读完这篇文章，帮我解决问题。 我会得到一个带有多个自定义组件标签的HTML模板=>“<custom-component-tag></custom-component-tag><custom-component-tag></custom-component-tag><custom-component-tag></custom-component-tag>'。 对于所有组件，我都会用 Grapesjs 定义一个新的组件，详见 [documentation]（https://github.com/artf/grapesjs/wiki/Components）。每个组件我渲染的视图不同，但我不操作模型，因为我希望保存时HTML保持不变。 尽管组件配置如下，但选择功能似乎无法正常工作。示例代码如下所示。 我提供了一个[屏幕视频]（https://drive.google.com/open?id=1gFeBdndzrD-HmqdnLs0cFUtBC2h39Xd- ），你可以看到组件在组件树中可见，可以从那里选择，但画布上无法选择。 附注：我在视频中选择的这个示例组件会被高亮显示，但其他一些组件有拖拽等工具集，但没有被高亮显示。这将是第二个问题。 “''js private createCustomComponent（editor...
回答（3）
@artf 再次感谢，我会考虑这个问题来调试。:)
你好，我觉得这和 #260 是一样的，所以你的 'const value = document.createElement（'div'）;' 其实是纯粹的 DOM 元素，没有绑定的 'model'，它阻止了编辑器选择它的 'custom-component' 父。解决方案： “''js const value = document.createElement（'div'）; value.style.pointerEvents = 'none'; this.el.appendChild（value）;
高亮是通过“gjs-comp-selected”类应用的，该类使用“outline”属性，所以可以通过检查器检查发生了什么，可能你对它们有某种重置属性（例如“outline： none”）。
相关问答
通过相似的问题讨论继续研究。
问题 #1109
画布中不可丢弃的柱块
早上好@artf :) 我遇到的问题和[这个问题]（https://github.com/artf/grapesjs/issues/297）。 我无法在Canvas的列块里放任何方块（文本、图片等）。当我尝试把它放到图层里时，它正常工作，这里有一个[简短详细的屏幕录制]（htt...
问题 #1510
如何在 Grapesjs 的 blockmanager 添加两列
你好，我是Grapej的新手，正在用Grapej搭配Angular6 我在[]（https://grapesjs.com/demo.html）上见过葡萄的演示。 我想在 BlockManager 创建两列，如下面用红色标记的快照所示 ![22]（https://user-ima...
问题 #1762
当我们用 editor.getHtml（） 获取 HTML 时，图片不会改变
你好@artf 我正在用grapes.js来做我的网站建设工具，把它集成到我的网站里。 当我双击任意图片时，资产管理器会打开，我可以从资产管理器中选择图片。 问题是我设置了条件，比如一旦用户选择asset-manager里的任何图片，我会把'img'标签替换成'div'标签，并...
问题 #1187
：为什么虚线不会在组件周围显示？
很久没试了，我又试了用GrapesJS。 我正在跟着“入门指南”页面操作，但卡在这一步 https://github.com/artf/grapesjs/wiki#components 事实上，我正按照教程里的说明，用虚线“高亮”按“眼睛”按钮，但没用。 GrapesJS 版本...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。