如何在所有生成的API中添加!重要性
我可能找到了解决你问题的方法。请检查一下 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)
我可能找到了解决你问题的方法。请检查一下 https://github.com/artf/grapesjs/issues/1041#issuecomment-382545102
我觉得你不需要添加**!important**,因为你的元素类**.banner-title**会添加一个唯一类别,包含已更改的属性。
所以如果你更改颜色,会添加一个带有 color: #your-color 的新类,因此 .banner-title 中定义的颜色会被覆盖。
@NicoEngler, 感谢你宝贵的回复。 但问题是我加载了一个默认模板页面,却用默认的CSS。 在这个CSS中,我们有类似的CSS 现在当我用编辑器把颜色改成“#000”时,新的CSS会像这样创建, 但问题是默认CSS已经有“!important”了,所以它会用默认模板的CSS,而不是新模板。 所以,这就是为什么我会在编辑器新生成的CSS中添加“!important”。 如果你没明白我的意思,请告诉我,我可以通过更多的描述理解。
相关问答
通过相似的问题讨论继续研究。
问题 #1258
样式不是在保存后克隆元素后复制
你好,@artf。 在保存模板之前的第一次,当我创建一个元素并克隆它时,样式会进入克隆的元素。运行正常。 但当我用Ajax保存模板并调用以下代码时: 然后克隆元素,它们的样式不适用于克隆的元素。 如果我评论 editor.setComponents(response.conte...
问题 #843
CssComposer - 移除未使用的类
你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...
问题 #382
把 HTML 和内联 CSS 存储在 Editor.Store()
我正在尝试存储html和内联css,请问你能告诉我如何传递给 editor.store()函数吗? @artf “''js 编辑。命令.add' (“save-db”, { 运行:函数(编辑器,发送者) { 发送者 & 发送者.set('active');关掉按钮 var ht...
问题 #1121
<Tbody> 在里面<Table>
你好@artf, 我创建了一个新组件,地址是 'tagName = 'table''。当选择并点击我创建的工具栏选项时,会打开一个新的模态,用户提交后,应该会在该模块中添加一些内容。我使用的是 'editor.getSelected().get('components').ad...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。