问题 #510✓ 已解决提出于 2017年11月12日作者 asvine-p6 个反应

程序化添加新职业

快速解答作者 artf4

@wemod123 'editor.getWrapper().addClass('my-class')'

阅读下方完整回答 ↓

问题

你好,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)

👍 最有帮助artf2020年1月2日

@wemod123 'editor.getWrapper().addClass('my-class')'

artf2019年2月13日

@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'...

artf2017年11月14日

你是说像'model.set('style', {...})`?这会在组件上添加内联样式

相关问答

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

问题 #3404

风格管理器问题。

你好@artf我想隐藏和显示特定组件的样式属性。 提到这个问题后,我就说 https://github.com/artf/grapesjs/issues/1428 我用这个方法写代码,但出现了错误 -: “''js 导出默认值(编辑器,配置)=> { const sm = 编辑...

4 个回答更新于 2021年5月6日

问题 #687

在使用 editor.on('component:add',function(){} 更新组件属性后;蓝色盒子的商品不正确。

在使用 editor.on('component:add',function(){} 更新组件属性后; 蓝色方框的物品(指动作图标)不正确。复制图标不应该显示。 ![图片](https://user-images.githubusercontent.com/2859394/34...

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

问题 #3247

问题:性状

你好@artf——你建造的东西非常壮观。这过程很温和,因为我远非JS高手。不过,我几乎所有配置都完成了——除了这个! 我想设置在选择图片时显示的特征(alt、src、id)。我相信初始化时可以完成一次,但我真不知道怎么做。我已经读遍了所有能找到的相关内容,但仍然卡住了。 我唯一...

2 个回答更新于 2021年1月28日

问题 #3604

Editor.ON('component:update:content', model => { }}) 在某些原因下无法工作

如果用户删除元素中的所有文本并点击其他地方。然后再试着选择空元素,他又选不中,因为它是隐藏状态,我不知道它去哪了。所以针对这个问题,我用的是这段代码 该代码在文本中设置空格,如果用户从元素中移除所有文本。通过这样做,这些元素不再是空元素,因此 i 不会隐藏 。我们再次选择 。如...

3 个回答更新于 2021年7月29日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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