无法让自定义组件可悬浮/可选/可标记
所以, 我最终选择使用Angular元素,但没有将元素编译成网页组件(想避免额外的复杂性)。这让我不用更换DOM元素,所以GrapesJS编辑器表现得很顺畅。没有问题了。 谢谢! 安德鲁
阅读下方完整回答 ↓问题
我用的是GrapesJs配合Angular,并用Angular组件来扩展功能。所以我的模板长这样: 这些方法都运行良好;我已经把主控组件添加到了设计器里,组件会显示在图层设计器里,我甚至可以毫无问题地更改特征。一切都像应有的那样渲染。 然而;虽然我可以选择我的文本组件并看到徽章,但我无法选择 rs-wc-custom-component 或 rs-wc-menu。当我点击物品时,没有蓝色矩形,也没有显示徽章;我唯一能选择/更改它们的方式是通过左侧的图层面板。 我需要做些什么才能让这些内容可以选择?
回答(3)
所以,
我最终选择使用Angular元素,但没有将元素编译成网页组件(想避免额外的复杂性)。这让我不用更换DOM元素,所以GrapesJS编辑器表现得很顺畅。没有问题了。
谢谢! 安德鲁
这可能会有帮助。
作为处理元素的一部分,我正在临时用我的Angular元素替换它......所以,在渲染完 rs-wc-custom-component 标签后,我等 1 毫秒生成一个动态 Angular 组件,然后用我的动态 Angular 组件替换 rs-wc-custom-component。
会不会是这个问题?
作为处理元素的一部分,我正在临时用我的角元素替换它......所以,在渲染完 rs-wc-custom-component 标签后,我等 1 毫秒生成一个动态 Angular 组件,然后用我的动态 Angular 组件替换 rs-wc-custom-component。
从编辑的角度来看,这确实是主要问题。当GrapesJS解析元素时,它会把组件模型附加到DOM上,所以当你尝试与它们交互时,编辑器实际上会使用他们的模型。 但我不太清楚你是如何用图层(图层使用的是相同的组件模型)。你能做一个小型现场演示吗?
相关问答
通过相似的问题讨论继续研究。
问题 #2018
BUG 导入为 Angular 6 模块时
版本: “grapesjs”: “^0.14.61”, “grapesjs-preset-newsletter”: “^0.2.20”, 我导入脚本如下: 上下文是代码: 而且只有在组装时,控制台打印: 请帮帮我。感谢你的时间。
问题 #1588
[问题]
大家好,感谢你们出色的工作和这个API! 我有个关于盒子的问题,它保存后会包裹所有组件。举个例子,假设我有自定义元素,比如“<div class=”myclass“ data-gjs-type=”custom“></div>'。保存模板并重新加载以便进一步编辑图层面板后,我发现...
问题 #1448
使用自定义视图时无法选择子组件
我正在尝试创建一个自定义组件,创建一个带有嵌套HTML的视图。 我不想让这个HTML作为组件渲染,所以我用(用jQuery) view: defaultType.view.extend({ 初始化:函数 () { $(this.el).html('<div class=“con...
问题 #1034
在父元素内部插入元素或块
你好,我有组件,有块 我在监听上设置了特性更改,如何在那个模块里添加“h1”,“'<div class=”container“ style=”min-height:10px;“></div>'”? 如何在该模型中添加标签 比如:
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。