问题 #1715💬 已回答提出于 2019年1月7日作者 JulioDavidMartinez0 个反应

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

快速解答作者 arthuralmeidap

试着覆盖“图片”类型本身,而不是“默认”类型

阅读下方完整回答 ↓

问题

我在图片的特征管理器里新增了两个特征。宽度和高度。 我是按照你的例子把它作为插件添加的。 它完全能用,还能让我编辑图片的宽度和高度属性。 问题是现在资产管理公司已经不工作了。如果我禁用更改,资产管理器就能恢复正常工作。有没有办法让两者都正常工作? 我的新特质和图片的资产管理器? 这是我添加新特质的代码。 激活时我只需调用函数名作为插件。 难道我做错了什么?请帮帮我!!! “''js 函数 AddImageTraits(editor) { var domComps = 编辑器。主导组件; var dType = domComps.getType('default'); var dModel = dType.model; var dView = dType.view; domComps.addType('image', { model: dModel.extend({ defaults: Object.assign({}, dModel.prototype.defaults, { 特质:[ 字符串会自动转换为文本类型 “名字”, 'id', 'alt', “宽度”, “身高” ] }), }, { isComponent: 函数 (el) { 如果 (el.tagName == 'IMG') { 返回 { 类型:“图片” }; } }, }), 视图:dView, }); ```

回答(3)

arthuralmeidap2019年1月9日

试着覆盖“图片”类型本身,而不是“默认”类型

artf2019年1月14日

正如@arthuralmeidap已经提到的,你必须扩展“图像”部分。 所以在你的情况下(使用最新的葡萄版本),可能只是: “''js 编辑。DomComponents.addType('image', { 型号:{ 默认值:{ 特质:[ “名字”,“身份”,“替代”,“宽度”,“身高”] } } });

lock[bot]2020年1月14日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #1882

动态变化的性状属性

你好,我看了这里其他发的问题,但没能让它正常工作。 我只需要访问某个特定组件(或选定的组件)的某个特性,并设置它的一些属性。我默认性质显示为无,做了服务器逻辑后,这个特质会得到一个值并显示给用户。 我这样做了: 本质上,我需要能够访问 screenName 类型特征,并更改其属...

2 个回答更新于 2020年3月21日

问题 #1141

如何扩展现有特征并在画布中表现变化?

我正在尝试编写一个插件来管理 Boostrap Block 的所有元素属性。如果有人点击按钮,它会显示按钮相关的属性,比如按钮颜色、大小等......(基于默认的引导类) 接下来的代码——修改了模型中存储的按钮类和设置,但我不知道如何正确渲染这些更改。 这是我的代码:

2 个回答更新于 2019年9月17日

问题 #1227

每当特质值变化时,在编辑器画布中重新渲染视图

在“葡萄”中,有没有可能让用户在自定义“组件”中更改“特性”值时,渲染函数应该监听或重新渲染? 我正在为动态内容构建一个自定义组件。自定义组件代码如下: 我希望每当用户更改名为 *Dummy Image 的 'Trait' 值时,渲染函数应该运行并相应地影响 'canvas'...

3 个回答更新于 2019年12月27日

问题 #818

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

我怎样才能让文本上的“点击”事件打开不同于StyleManager的面板视图? 我正在尝试这个:

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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