问题 #835💬 已回答提出于 2018年2月4日作者 chiqui3d1 个反应

用自定义函数更新画布

快速解答作者 artf1

@chiqui3d这样你只是更新了视图,输出代码是由model生成的(更新模型时,变化会反映在视图中) 所以你的例子大致是这样的 “''js const wrapper = 编辑器。DomComponents.getWrapper(); wrapper.find('a').forEach(aModel => aModel.addAttributes({ href: '.../...' })) ```

阅读下方完整回答 ↓

问题

我正在尝试创建一个函数来替换链接的所有属性,这些属性会在画布中发生变化,但当我用 editor.storage() 函数尝试时无法保存;

代码如下:

 $(“button#replace_url”).on(“click”, function(e) {
                e.preventDefault();
                VAR body = 编辑器。Canvas.getBody().ownerDocument;
                body.querySelectorAll('a').forEach(function(el) {
                    var ahref = el;
                    ahref.setAttribute('href', “http://facebook.com”);
                    ahref.setAttribute(“target”,“_blank”);
                });
                editor.store();
                modal.close();
            });

回答(2)

artf2018年2月6日

@chiqui3d这样你只是更新了视图,输出代码是由model生成的(更新模型时,变化会反映在视图中) 所以你的例子大致是这样的 “''js const wrapper = 编辑器。DomComponents.getWrapper(); wrapper.find('a').forEach(aModel => aModel.addAttributes({ href: '.../...' }))

lock[bot]2019年9月18日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #1497

内部元素内容通过弹窗变化

你好@artf 我已经弹出了一个带图片的自定义链接数据窗口。现在所有数据都正确显示了,但当我尝试更改src时,它不起作用,请告诉我怎么修复。当输入图片URL在“Link Text(image URL)”字段时,应该会在Canvas中更新图片。请指引我。 这是现场演示:https...

1 个回答更新于 2019年10月11日

问题 #839

创建自定义选定的组件设置

面板中有更改组件设置的选项(链接有“不更改链接”- HREF - 和目标,文本、ID和标题,图片有alt属性)。我想知道如何创建那个输入,以及如何在所选组件中更改这个 attrs?我创建了一个面板视图作为CKEditor,在选择时更改文本组件,我希望这些水獭设置能保持在同一视图...

3 个回答更新于 2019年9月18日

问题 #625

Editor.store();多次开火

你好@all, 我用自定义代码阻止数据流向服务器。一切正常,但 editor.store();第一次点击一次,第二次点击两次,第三次点击三次......诸如此类。 在storageManager ->类型中我用的是“remote”——如果用“本地”,拳头点击就没有效果。 有人能...

3 个回答更新于 2019年9月17日

问题 #1583

动态修改 urlStore 和 urlLoad。

大家好 到目前为止我很喜欢Grapesjs——感谢你为它付出的所有努力。 我正在尝试为整页模板设置存储,这些模板将通过 mongoose 写入 MongoDB。GrapesJS 版本:0.14.40操作系统:Ubuntu 17.10 看了 HTTP 响应,我似乎能正常存储和接收...

2 个回答更新于 2019年11月16日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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