程序化添加新职业
问题
你好,Artf, 我想编辑组件的样式(主要是导入的 html),但不修改同类的所有组件。我尝试用程序方式添加一个随机命名的类,比如这样: this.editor.on('component:selected', function(model) { 如果 (model & & model.length > 2) { const uuid = this.s4();生成新的随机类名称 const 选择器 = { 名称:UUID, 类型:“类”, 标签:UUID, }; model[1].attributes.classes.push(selectorManager.get(uuid)); 令 mClasees = model[1].attributes.classes; const uuid = this.s4(); const 选择器 = { 名称:UUID, 类型:“类”, 标签:UUID, }; mClasees.push(selector); }.bind(this)); 这会在组件中以程序方式添加一个类,但似乎不允许我编辑它的样式。 我只是想随时更改单个组件的样式,而不用在意它属于哪个类别。如果我复制到某个组件,我希望能够单独编辑每个组件。 希望你说清楚了。如果你需要更多信息,随时问我:) 谢谢你的帮助!
回答(3)
@wemod123 'editor.getWrapper().addClass('my-class')'
@IrinaCodixis https://github.com/artf/grapesjs/releases/tag/v0.14.52 我们添加了 ['setRule'](https://grapesjs.com/docs/api/csscomposer.html#setrule)/['getRule'](https://grapesjs.com/docs/api/csscomposer.html#setrule)方法,所以如果要编程添加一些 CSS 规则,你应该这样做: “''js 编辑。CssComposer.setRule('.some-class', { color: 'red'...
你是说像'model.set('style', {...})`?这会在组件上添加内联样式
相关问答
通过相似的问题讨论继续研究。
问题 #3404
风格管理器问题。
你好@artf我想隐藏和显示特定组件的样式属性。 提到这个问题后,我就说 https://github.com/artf/grapesjs/issues/1428 我用这个方法写代码,但出现了错误 -: “''js 导出默认值(编辑器,配置)=> { const sm = 编辑...
问题 #687
在使用 editor.on('component:add',function(){} 更新组件属性后;蓝色盒子的商品不正确。
在使用 editor.on('component:add',function(){} 更新组件属性后; 蓝色方框的物品(指动作图标)不正确。复制图标不应该显示。 。我相信初始化时可以完成一次,但我真不知道怎么做。我已经读遍了所有能找到的相关内容,但仍然卡住了。 我唯一...
问题 #3604
Editor.ON('component:update:content', model => { }}) 在某些原因下无法工作
如果用户删除元素中的所有文本并点击其他地方。然后再试着选择空元素,他又选不中,因为它是隐藏状态,我不知道它去哪了。所以针对这个问题,我用的是这段代码 该代码在文本中设置空格,如果用户从元素中移除所有文本。通过这样做,这些元素不再是空元素,因此 i 不会隐藏 。我们再次选择 。如...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。