把样式分配给类别,而不是 ID
问题
我想实现的是,每当画布内部的“块”被编辑时,样式不会被添加到 #id,而是被添加到一个类中。
我的逻辑是,把当前使用的ID——随机字符串去掉,做成类,然后给那个类分配样式而不是ID,是的,这会导致类很多,但前端ID就不会有问题了。
不过我似乎找不到怎么做,每次我在:
'editor.on('component:update', component => {})'
这根本行不通。ID总是未定义的。'component.getAttributes()['id'];',我似乎无法将该ID的样式集重新分配到唯一类。
我知道这听起来很傻,但我的问题出现在我用Javascript在网站前端时,复制无限滚动器的HTML时会出现抖动。页面上出现多个ID是错误的,把它归为一个职业会更好。
回答(3)
只需创建带有类的块/组件,默认情况下,样式管理器会为它们应用样式
只需创建带有类的块/组件,默认情况下,样式管理器会对它们应用样式
嗨!你能告诉我们能不能关闭这种行为吗?我想编辑,把 CSS 风格设置为元素 ID,而不是类名。 同一类可以被分配给不同的元素,这会导致所有元素的样式发生变化。
相关问答
通过相似的问题讨论继续研究。
问题 #2302
如何通过 GrapesJS 导出功能获取外部插件 CSS、JS 和 HTML?
我用外部插件 JavaScript 版本的 @fullCalendar 接入 GrapesJS。我能在画布上渲染日历,但无法使用 GrapesJS 导出功能来获取以下内容的 JS、CSS 和 HTML。 我试过用 1) var html = editor.getHtml();...
问题 #5385
GetDirtyCount() 非确定性加载后
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://github.com/padcom/grapesjs-bug-dirty-count-non-deterministic/blob/master/index.h...
问题 #3627
:我正在尝试复制页面,但由于 ID,样式无法应用,结尾的 -2,-3 发生了变化。
“JavaScript const duplicatePage = (编辑者) => { let components = editor.getHtml(); 令 css = editor.getCss(); 让newPage = 编辑器。Pages.add({ 样式:CSS,...
问题 #2000
:当组件的ID被更改时触发了什么事件?
我想在设置面板中组件的ID被更改时触发一些行为。我尝试过用 'editor.on()' 处理以下事件:“Component:update:id”'component:update:Id''Component:update:{id}''component:update:{Id}'...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。