问题 #2311💬 已回答提出于 2019年10月6日作者 gabrielbitencourt0 个反应

为链路组件设置href

快速解答作者 artf

@gabrielbitencourt Link 组件没有 href 属性,所以直接添加到属性中 “''js 如果(链接) { this.model.addAttributes({ href: link.url }); } ```

阅读下方完整回答 ↓

问题

大家好。 我正在尝试修改原生链接组件,目前我有一个模态,在 dblclick 事件时会打开,用户可以在一些预定义的链接中选择。问题是,当我选定了链接时,无法将其设置为组件。 我在特性管理器里输入链接时,它运行正常。 这是我尝试的代码: domc.addType('link', { 浏览量:{ 事件:{ dblclick: 'linkModalPicker', }, async linkModalPicker(ev: MouseEvent) { ev.preventDefault(); const ref = modal.open(LinkModalComponent, { 宽度:“70%”, 身高:“70%” }); const link = waitit ref.afterClosed().pipe(first().toPromise(); 如果(链接) { this.model.set('href', link.URL); } } } }); 我做过类似的事情,但针对图像组件,并且用了以下代码: domc.addType('image', { 浏览量:{ 事件:{ dblclick: 'imagesModalPicker', }, async imagesModalPicker(ev: MouseEvent) { ev.preventDefault(); const ref...

回答(3)

artf2019年10月6日

@gabrielbitencourt Link 组件没有 href 属性,所以直接添加到属性中 “''js 如果(链接) { this.model.addAttributes({ href: link.url }); }

gabrielbitencourt2019年10月6日

谢谢你的回复@artf

我试过了,但也没用,我能在特质管理器里看到 href 是用 'model.addAttributes({ href: link.url })' 设置的,但当我取消再重新选择组件时,这个问题没有持续存在,结果的 'editor.getHtml()' 锚标签中 href 也没有空。

我觉得这可能和我在这里看到的一些漏洞有关,比如#1290

谢谢

artf2019年10月6日

,但当我取消选择并重新选择组件时,问题没有持续存在

也许是因为你还在读“this.model.get('href')”...... 顺便说一句,没有可复现的演示,我帮不上更多忙

相关问答

通过相似的问题讨论继续研究。

问题 #2777

如何在样式管理器中更新样式

你好。我创建了自定义组件,通过自定义资产管理器设置了 backgraound-image 自定义块代码: “JavaScript domc.addType('image-block', { 扩展:“默认”, 型号:{ 默认值() { 返回 { 名称:“背景图片”, 类型:“图像...

3 个回答更新于 2020年6月10日

问题 #4273

如何在页面加载时触发“导入模板(模态)”

你好, 请问,我需要关于如何在页面初始化时导入模板模态的逻辑...... 我用的是新闻通讯预设插件 我想实现的是什么?:让用户在页面加载后上传代码。 以下是我尝试过的逻辑, editor.on('load',(model, argument)=> { 开放模数AL const...

4 个回答更新于 2022年4月22日

问题 #3230

Modal 关闭后动态关闭后不会打开

你好; 谢谢大家提供这么棒的工具,我真的很喜欢文档,使用起来很简单。 我觉得我遇到了第一次动态关闭模态后再也打不开的问题。 示例:

3 个回答更新于 2021年2月5日

问题 #3044

:新工具栏按钮仅对新添加组件有效,对现有组件无效

大家好,有人能解释一下为什么当我创建新的自定义工具栏按钮时,这个按钮只在添加新组件时出现,而不会显示现有组件,甚至这些组件也是一样的。 我在想,这可能是编辑入职时的某些细节,我没包括。 @artf 我缺少什么才能让它在初始化上正常工作? 这里有个我添加按钮的示例。 它运行得很好...

3 个回答更新于 2020年10月10日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。