问题 #1241💬 已回答提出于 2018年6月26日作者 SalesFeed0 个反应

:新风格未反映在面板中

快速解答作者 artf

首先,我建议避免在选中的组件 'editor.getSelected()' 上应用样式,你应该在 'opts.target' 上应用,因为它可能和选中的 'editor.runCommand('open-assets', { target: someOtherComponet })' 不同。我如何检测用户正在编辑的属性或属性? 利用 https://github.com/artf/grapesjs/wiki/API-Editor#available-events如何反映新状态在小组中? 试着在“addStyle”之后使用这个“editor.trigger('component:toggled')”

阅读下方完整回答 ↓

问题

你好, 在我的项目中,我用自己的方式替换了AssetManager。 但是,当我用新管理器更新组件的背景图像时,背景图像显示了,但新状态没有反映在面板上。 基本上我的问题是:我该如何检测用户正在编辑的属性或属性?又该如何在小组中反映新的状态? 此致, 理查德

回答(3)

artf2018年6月30日

首先,我建议避免在选中的组件 'editor.getSelected()' 上应用样式,你应该在 'opts.target' 上应用,因为它可能和选中的 'editor.runCommand('open-assets', { target: someOtherComponet })' 不同。我如何检测用户正在编辑的属性或属性? 利用 https://github.com/artf/grapesjs/wiki/API-Editor#available-events如何反映新状态在小组中? 试着在“addStyle”之后使用这个“editor.trigger('component:toggled...

no-response[bot]2018年7月10日

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

SalesFeed2018年7月13日

@artf 谢谢,我按照你的建议做了,但我就是无法让它工作。

opts.target 没有 addStyle 方法

而且编辑器似乎在CSS里生成了一个额外的ID,所以会有重复的ID。 我设置了 avoidInlineStyle: true,但似乎没什么帮助

相关问答

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

问题 #1457

:风格管理器中的自定义资产管理器背景图片

你好, 我想使用自定义资产管理器 我习惯了这个解决方案, ` var 资产目标 =''; 编辑。Commands.add('open-assets', { run(editor, sender, opts = {}) { const modal = 编辑器。模态; const...

2 个回答更新于 2019年10月12日

问题 #612

紧急:使用自定义资产管理器时重复其他块

你好, 我们用自定义的 Assset 管理器进行了修改。但我们现在遇到了问题。如果我们把一张图片放进Canvase,然后添加其他组件,它会复制那个组件。如果我们再加一张图片,那它就会三重组其他分量。 你能帮帮我们吗? 以下是我们用来打开自定义资产管理工具的代码片段。 编辑。Co...

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

问题 #839

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

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

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

问题 #930

资产更改后更新调整尺寸

嗨!我尝试用我们的自定义管理器更改默认资产管理器。 双击后,所选图片会被替换成一个不同大小的新图片。它能用,但调整尺寸的元素没有更新它们的位置。有可能重新初始化它吗? ![图片](https://user-images.githubusercontent.com/3715462...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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