问题 #818💬 已回答提出于 2018年1月29日作者 JulyanoF0 个反应

点击文本元素,打开不同面板视图

快速解答作者 artf

面板视图与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)

artf2018年1月30日

面板视图与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'))) { 做点事 } }); ```

JulyanoF2018年1月31日

@artf,我试了没用,面板按钮没有被设置为激活,ID是“editorCK” ![图片](https://user-images.githubusercontent.com/17284704/35594836-b7ac5ec0-05fb-11e8-86d3-1f6556dfe252.png)

artf2018年1月31日

你创建了“abrirEditor”命令吗?

相关问答

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

问题 #1715

你好,我是你们项目的新成员,但我很喜欢。我在图像属性方面遇到了一点小问题。

我在图片的特征管理器里新增了两个特征。宽度和高度。 我是按照你的例子把它作为插件添加的。 它完全能用,还能让我编辑图片的宽度和高度属性。 问题是现在资产管理公司已经不工作了。如果我禁用更改,资产管理器就能恢复正常工作。有没有办法让两者都正常工作? 我的新特质和图片的资产管理器?...

3 个回答更新于 2020年1月14日

问题 #509

跨度不能作为文本编辑

你好,Artf, 我在导入一些HTML模板时遇到了问题。起初我无法看到跨度文本。但在帮编辑重新整理后,我无法将它们作为文本进行编辑。 ' 让 domc = this.editor.DomComponents; 让textType = domc.getType(“text”);...

3 个回答更新于 2019年10月4日

问题 #538

点击组件总是先打开样式,即使我覆盖了

当我点击组件时,我想让这些特质打开 点击组件可以打开样式。再点一次它,终于会打开“开放-tm”特质管理器。 我该如何覆盖“点击”时的开场风格?

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

问题 #639

当标签名称更改时,在Canvas上重新渲染组件

我正在尝试构建一个基础的Header组件,允许你用一个特质选择H1到H6。但当选择某个选项时,画布不会更新。在代码视图中可以看到这个变化,如果我用拖曳工具移动画布中的元素,标签也会随之改变。我一直在阅读API文档和源代码,但我无法让组件自动重新渲染。我怀疑Grapes并没有监听...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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