点击文本元素,打开不同面板视图
面板视图与StyleManager不同 你说的很可能是演示中由这里网页预设实现的行为 https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js#L106 所以在你的情况中,可能是这样的: “''js editor.on('component:selected', () => { const selected = editor.getSelected(); 如果 (selected & & selected.is('text'))) { 做点事 } }); ```
阅读下方完整回答 ↓问题
我怎样才能让文本上的“点击”事件打开不同于StyleManager的面板视图? 我正在尝试这个:
var domComps = 编辑器。主导组件;
var textType = 编辑器。DomComponents.getType('text');
domComps.addType('text', {
model:textType.model,
查看:textType.view.extend({
事件:{
'点击':function(){
编辑。Panels.getButton('views', 'editor').set('active', true)
}
},
}),
});
编辑。Panels.addButton('views',{
id:“editorCK”,
班级名称:“fa fa-bars”,
命令:“abrirEditor”,
属性:{ 标题:“某标题”},
});
回答(3)
面板视图与StyleManager不同 你说的很可能是演示中由这里网页预设实现的行为 https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js#L106 所以在你的情况中,可能是这样的: “''js editor.on('component:selected', () => { const selected = editor.getSelected(); 如果 (selected & & selected.is('text'))) { 做点事 } }); ```
@artf,我试了没用,面板按钮没有被设置为激活,ID是“editorCK” 
你创建了“abrirEditor”命令吗?
相关问答
通过相似的问题讨论继续研究。
问题 #1715
你好,我是你们项目的新成员,但我很喜欢。我在图像属性方面遇到了一点小问题。
我在图片的特征管理器里新增了两个特征。宽度和高度。 我是按照你的例子把它作为插件添加的。 它完全能用,还能让我编辑图片的宽度和高度属性。 问题是现在资产管理公司已经不工作了。如果我禁用更改,资产管理器就能恢复正常工作。有没有办法让两者都正常工作? 我的新特质和图片的资产管理器?...
问题 #509
跨度不能作为文本编辑
你好,Artf, 我在导入一些HTML模板时遇到了问题。起初我无法看到跨度文本。但在帮编辑重新整理后,我无法将它们作为文本进行编辑。 ' 让 domc = this.editor.DomComponents; 让textType = domc.getType(“text”);...
问题 #538
点击组件总是先打开样式,即使我覆盖了
当我点击组件时,我想让这些特质打开 点击组件可以打开样式。再点一次它,终于会打开“开放-tm”特质管理器。 我该如何覆盖“点击”时的开场风格?
问题 #639
当标签名称更改时,在Canvas上重新渲染组件
我正在尝试构建一个基础的Header组件,允许你用一个特质选择H1到H6。但当选择某个选项时,画布不会更新。在代码视图中可以看到这个变化,如果我用拖曳工具移动画布中的元素,标签也会随之改变。我一直在阅读API文档和源代码,但我无法让组件自动重新渲染。我怀疑Grapes并没有监听...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。