PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #1723💬 已回答提出于 2019年1月10日作者 Ramkumar-Murugesan0 个反应

替换掉落组件中的特定文本

快速解答作者 artf

“''js firstButton() { const component = this.find('ion-segment-button')[0]; 例如,更新内部组件内容 component.components(<div>'新内容</div>') }, ``` 请检查[组件API](https://grapesjs.com/docs/api/component.html)

阅读下方完整回答 ↓

问题

你好,我通过输入的自定义特征获得了这个值,但我不知道如何在丢弃组件中更改具体值并渲染到画布里 我的截图 ![图片](https://user-images.githubusercontent.com/33427536/50975854-88ca4f80-1514-11e9-85a3-aaa41afd31d9.png) 我真正想要的是替换我在自定义特质中输入的普通文本值,你可以在截图中看到 我的自定义特质是 “''js comps.addType('segment-type', { model: defaultModel.extend({ 扩展默认属性 defaults: Object.assign({}, defaultModel.prototype.defaults, { 只能在“形式”元素内丢弃 可拖拽: '*', 不能把其他元素放进去 Droppable:确实如此, 特质(设定) 特质:[{ 类型:“文本”, 标签:'segmentButton1', 占位符:“常规”, 名称:“segmentButton1”, 变革提案:1 }, { 类型:“文本”, 标签:“segmentButton2”, 占位符:“紧急”, 名称:'segmentButton2', 变革提案:1 }], }), toHTML: function() { }, init() { this.listenT...

回答(2)

artf• 2019年1月14日

“''js firstButton() { const component = this.find('ion-segment-button')[0]; 例如,更新内部组件内容 component.components(<div>'新内容</div>') },

请检查[组件API](https://grapesjs.com/docs/api/component.html)
lock[bot]• 2020年1月15日

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

相关问答

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

问题 #1720

如何在自定义特质中添加按钮

你好,我尝试在自定义特质中添加一个按钮,但效果不正常, 还需要知道如何在点击按钮时调用该函数,并在按钮内添加图标 我的代码: 我的错误截图: ![图片](https://user-images.githubusercontent.com/33427536/50904178-a9...

3 个回答更新于 2020年4月3日

问题 #459

在另一个模块中包含自定义组件时出现错误

抱歉标题有点模糊。我不太确定如何简洁地描述。我有一个自定义块,想限制只有图片可以被丢入块的某个部分。我尝试过类似这样的方法: 然而,当我这样做时,尝试将方块从方块调色板中拖出时,会出现以下错误: ... grapes.min.js:2 未捕获类型错误:s 不是构造函数 at F...

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

问题 #522

模型HTML问题

#513 抱歉打开新期,但你关闭了上一期,所以不得不重新创建, 我在下面遇到困难,如果你能帮我解决或指导我示例代码就太好了,或者如果你有5分钟时间,做个小代码笔也很好,非常感谢你的帮助。 我试过你建议的,但子组件的模型依然没有更新,只在组件渲染时返回默认值。 现在它生成的是HT...

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

问题 #1959

在自定义按钮中编辑 innerHTML

大家好, 我正在尝试更改按钮组件中的文本,但无法编辑它。我添加了这个类型: 我添加了可编辑的真实参数,但不起作用 然后把按钮添加到组件管理器里 有什么办法可以绕过这个问题吗? 谢谢!

3 个回答更新于 2020年4月15日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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