PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2237💬 已回答提出于 2019年9月2日作者 gabd14111 个反应

使用editor.on('update')事件进行一般编辑器更新

快速解答作者 olgertpysqyli❤ 1

你好。 你可以为 html、css 和 js 声明变量,每次触发编辑器更换事件时,它们的值都会更新。 'change() {'     'this.html = editor.getHtml();'     'this.css = editor.getCss();'     ' this.js = editor.getJs();' } 'editor.on('change', this.change);'

阅读下方完整回答 ↓

问题

嗨!有没有办法通过 editor.on('update') 事件获取通用的最后编辑器更新? 大致是这样的: editor.on('update', e => { 获取活动 获取具体的最新更新(HTML和CSS) })

回答(2)

olgertpysqyli• 2019年9月3日

你好。 你可以为 html、css 和 js 声明变量,每次触发编辑器更换事件时,它们的值都会更新。

'change() {'     'this.html = editor.getHtml();'     'this.css = editor.getCss();'     ' this.js = editor.getJs();' }

'editor.on('change', this.change);'

gabd1411• 2019年9月2日

我找到了另一个可用的事件 editor.on('change'),但似乎很难读取该事件的 HTML 和 CSS 更新

相关问答

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

问题 #3454

RTE insert link does not update DOM

版本: "0.17.3" 你能重现演示中的bug吗?[X] 是的[ ] 不 预期的行为是什么? 使用默认RTE插入链接后,链接立即可在设置中进一步编辑,即设置HREF和目标 详细描述那个漏洞 在选择默认RTE的文本并将其转换为链接后,文本会被正确地包裹在<a>标签中,但直到取消...

3 个回答更新于 2022年4月8日

问题 #3465

Update breaks some things with css

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...

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

问题 #3627

:我正在尝试复制页面,但由于 ID,样式无法应用,结尾的 -2,-3 发生了变化。

“JavaScript const duplicatePage = (编辑者) => { let components = editor.getHtml(); 令 css = editor.getCss(); 让newPage = 编辑器。Pages.add({ 样式:CSS,...

4 个回答更新于 2023年2月17日

问题 #3832

每次重载后,CSS 类都会被移除,并且每个 HTML 标签的自动生成 ID(例如:ivj5m-2)都会被更改

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug? 在 React 应用中安装 grapes js 进入编辑器,拖动一个组件。(示例:文本组件) 使用样式管理器为组件做样...

4 个回答更新于 2021年9月29日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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