问题 #482💬 已回答提出于 2017年11月3日作者 krunal0390 个反应

自定义组件中的默认资产管理器

快速解答作者 artf

@krunal039 为什么需要自定义组件?你的模板看起来挺简单的,那就用一个简单的方块怎么样? “''js 编辑。BlockManager.add('your-block', { 标签:“自定义块”, 内容:'<div class=“row-class”> <div class=“column-class”> <img src=“...” /> </div> ... '</div> }) ```

阅读下方完整回答 ↓

问题

我正在为下面的模板创建自定义组件,我们希望用户输入文本、链接、悬停文本并选择图片,想用默认资产管理器选择图片,但不确定如何在自定义组件中获得选中的图片?以下是我使用的代码 view: defaultType.view.extend({ init() { this.listenTo(this.model, 'active', this.doStuff);收听活动 }, doStuff() { editor.runCommand('open-assets', { 目标:editor.getSelected() }); } });

![样本](https://user-images.githubusercontent.com/11716808/32366985-61acb146-c078-11e7-86b0-c8f7fd4c5368.png)

回答(3)

artf2017年11月6日

@krunal039 为什么需要自定义组件?你的模板看起来挺简单的,那就用一个简单的方块怎么样? “''js 编辑。BlockManager.add('your-block', { 标签:“自定义块”, 内容:'<div class=“row-class”> <div class=“column-class”> <img src=“...” /> </div> ... '</div> })

krunal0392017年11月6日

@artf感谢回复,我们需要用户输入悬停文字、背景图片和文本,底部有超链接,想用自定义组件,但如果能提示用户输入,我可以直接创建,直接屏蔽,能请你指点我正确的方向吗?我已经挣扎了4-5天吗?

artf2017年11月6日

试着用模板创建一个块,拖入画布里,你就能更改所有这些内容

相关问答

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

问题 #1534

更新属性 从模型样式输入值。

@artf我想更新元素的高度,并希望通过以下代码提供自定义高度 ![身高](https://user-images.githubusercontent.com/40828744/47306097-1f3f5100-d649-11e8-859a-b8fa3be0c601.png)...

3 个回答更新于 2019年11月1日

问题 #1414

组件“首次渲染”事件

嗨。我正在开发一个用chart.js图的插件。我需要在生成的组件中持久化图表模型,以便在背画布加载时渲染图表。为了实现这一点,我决定在组件的HTML署名中持久化图表模型。这是我配置图表后生成的组件 HTML(图表模型存储在属性“chartmodel”中): ![捕捉 2018-...

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

问题 #1014

让预览模式记住是否应该恢复可见性模式

目前,当你启用预览模式后再关闭时,即使可见性模式已经关闭,它也会自动开启可见性模式。这确实挺让人烦恼的。 我想创建一个PR来解决这个问题,但也需要你的建议,因为我不太明白你用Backbone时该怎么正确操作。 在“commands/view/Preview.js”中,你的“停止...

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

问题 #1767

确保getHtml() / runCommand(“gjs-get-inlined-html”)返回画布的最新内容

你好@artf, 我遇到过类似甚至相同的问题:#1327 编辑文本块时,我点击一个外部按钮获取画布内容,不离开画布的光标。 此时,如果我调用 getHtml() 或 runCommand(“gjs-get-inlined-html”)(我的 grapesjs 是用 Newsle...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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