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

问题 #2168💬 已回答提出于 2019年7月25日作者 jadejahardipsinh0 个反应

自定义 HTML DOM 的更改在保存到数据库时会被反映出来

快速解答作者 artf

确保使用最新版本,并在调用所需命令前尝试调用选中的组件的“sync:content”,例如: “''js editor.getSelected().trigger('sync:content'); editor.runCommand('gjs-get-inlined-html') ```

阅读下方完整回答 ↓

问题

我用以下代码创建了新的工具栏选项,叫做text-align 为了让上述代码正常工作,我在 grapes.js 文件中添加了以下函数: 基于上述代码,我在UI编辑器中所做的更改如下: ![文本对齐功能演示](https://user-images.githubusercontent.com/53306499/61884473-e86cd300-af19-11e9-9da1-7274dfd26e98.png) 我正在用以下代码获取编辑器的 html : 问题是,在用上述命令获得的HTML中,我没看到用上述代码做的格式更改。 请帮我解决这个问题。因此,我无法将使用text-align功能所做的更改保存到数据库中

回答(3)

artf• 2019年8月7日

确保使用最新版本,并在调用所需命令前尝试调用选中的组件的“sync:content”,例如: “''js editor.getSelected().trigger('sync:content'); editor.runCommand('gjs-get-inlined-html')

jadejahardipsinh• 2019年8月7日

@artf,谢谢你的回答。我试过了,但很遗憾没用。我用以下代码获得这个问题: “''js studioCommand.add('com-save', { run: function(studio, sender) { studio.getSelected().trigger(“sync:content”) var studioContent = studio.runCommand('gjs-get-inlined-html'); 使用 ajax 调用将 studioContent 保存到数据库中 } }); ``` 我已经做过了,但什么都没发生。如果有错误,请纠正我。 再次非常感谢你的帮助。

artf• 2019年8月12日

@jadejahardipsinh Grapesjs 版本?

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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