问题 #488✓ 已解决提出于 2017年11月7日作者 richieteh944 个反应

Editor.setComponents 自动生成不需要的 CSS

快速解答作者 thecodefish3

在我的使用场景中,我不断在编辑器中获取和设置 html/css,我发现它最终会重复“默认”样式(见上图中的 * 和正体样式——它们出现两次)。 我通过确保在(重新)重置前清除 CSS 来解决这个问题——大致如下: “'' js 编辑。CssComposer.getAll().reset(); editor.setComponents(components); editor.setStyle(css); ```

阅读下方完整回答 ↓

问题

我用的是#324提到的html和css编辑器。 编辑完 HTML 和 CSS 后,它会生成一个 CSS,我怀疑是 editor.setComponents() 不确定这是个bug还是正常现象。

Grapesjs 版本 - 0.12.8 Grapesjs preset - GJS-preset-newsletter 0.2.15

回答(3)

👍 最有帮助thecodefish2017年11月13日

在我的使用场景中,我不断在编辑器中获取和设置 html/css,我发现它最终会重复“默认”样式(见上图中的 * 和正体样式——它们出现两次)。

我通过确保在(重新)重置前清除 CSS 来解决这个问题——大致如下:

“'' js 编辑。CssComposer.getAll().reset(); editor.setComponents(components); editor.setStyle(css);

thecodefish2018年1月29日

@chiqui3d我认为每当你需要从外部来源修改CSS时,你可能先想重置CSS作曲器。所以如果你的代码里有类似“editor.setStyle(css);”的设置,你可能需要调用“editor.CssComposer.getAll().reset();' 首先。

artf2017年11月7日

首先,更新你的葡萄版本,然后更具体地说明你的更改。你改了什么?你说的unwanted css是什么意思?

相关问答

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

问题 #1466

编辑已保存的html编辑器.set组件滑块加载问题

我正在做一个项目,集成了 grapesJs 让用户构建模板,保存到数据库中,并编辑这些已保存的模板。 我最近添加了滑块插件,现在用户可以创建模板,但编辑时会引发JavaScript问题, 我用 editor.setComponents 编辑用户模板,并在 editor.setC...

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

问题 #1329

问题:如何用同一个CSS处理多个页面

你好,Grapejs团队, 我们一直在开发多页网站建设器。 每个项目都会有多个HTML页面,每个页面都是统一的“style.css”页面。 我懒得加载每个页面,用以下函数来处理多个页面加载 上述页面加载时页面正常,但如果页面空或与前一页不同,会移除某些 CSS 类。它并没有完美...

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

问题 #1763

在<Style>块内容对象(不是字符串)中添加标签

浏览器 = ChromeGrapesJS = 最新版本(0.14.52) 我正在尝试创建一个包含包含脚本、样式、类型属性的嵌套内容对象的块。 除了内容里加了*标签外,效果还不错<style>。问题 如果我像下面那样用选项(A)创建块内容,CSS会进入CSS编辑器。 但如果我把块...

2 个回答更新于 2020年2月6日

问题 #843

CssComposer - 移除未使用的类

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

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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