问题 #1836✓ 已解决提出于 2019年2月26日作者 AkibDeraiya1232 个反应

如何在所有生成的API中添加!重要性

快速解答作者 NicoEngler2

我可能找到了解决你问题的方法。请检查一下 https://github.com/artf/grapesjs/issues/1041#issuecomment-382545102

阅读下方完整回答 ↓

问题

你好,@artf,

虽然我打算用 CSS 从 Editor 编辑一些 HTML,但我需要在所有 CSS 里添加“!important”,这会被更改。

让我举个例子, 这是之前的CSS

.banner-title {
    背景色:#e6d8d8;
    边界:3px #acbe5a #b83dd3;
    颜色:#f80000;
}

现在我要用“#000”来更改这个字体的颜色。 只有这个更改后的 CSS 需要附加 '!important',所以,新的 CSS 会是 get,而我要用 'editor.getCss()' 来取,就像,

.banner-title {
    背景色:#e6d8d8;
    边界:3px #acbe5a #b83dd3;
    颜色:#f000 !重要;
}

我能实现这个目标吗?

回答(3)

NicoEngler2019年2月27日

我觉得你不需要添加**!important**,因为你的元素类**.banner-title**会添加一个唯一类别,包含已更改的属性。

所以如果你更改颜色,会添加一个带有 color: #your-color 的新类,因此 .banner-title 中定义的颜色会被覆盖。

AkibDeraiya1232019年2月27日

@NicoEngler, 感谢你宝贵的回复。 但问题是我加载了一个默认模板页面,却用默认的CSS。 在这个CSS中,我们有类似的CSS 现在当我用编辑器把颜色改成“#000”时,新的CSS会像这样创建, 但问题是默认CSS已经有“!important”了,所以它会用默认模板的CSS,而不是新模板。 所以,这就是为什么我会在编辑器新生成的CSS中添加“!important”。 如果你没明白我的意思,请告诉我,我可以通过更多的描述理解。

相关问答

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

问题 #1258

样式不是在保存后克隆元素后复制

你好,@artf。 在保存模板之前的第一次,当我创建一个元素并克隆它时,样式会进入克隆的元素。运行正常。 但当我用Ajax保存模板并调用以下代码时: 然后克隆元素,它们的样式不适用于克隆的元素。 如果我评论 editor.setComponents(response.conte...

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

问题 #843

CssComposer - 移除未使用的类

你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...

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

问题 #382

把 HTML 和内联 CSS 存储在 Editor.Store()

我正在尝试存储html和内联css,请问你能告诉我如何传递给 editor.store()函数吗? @artf “''js 编辑。命令.add' (“save-db”, { 运行:函数(编辑器,发送者) { 发送者 & 发送者.set('active');关掉按钮 var ht...

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

问题 #1121

<Tbody> 在里面<Table>

你好@artf, 我创建了一个新组件,地址是 'tagName = 'table''。当选择并点击我创建的工具栏选项时,会打开一个新的模态,用户提交后,应该会在该模块中添加一些内容。我使用的是 'editor.getSelected().get('components').ad...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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