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