问题 #1777💬 已回答提出于 2019年2月6日作者 bm2ilabs0 个反应

如何动态更改主控组件?

快速解答作者 artf

你不需要这样扩展模型 “''js VAR Content = response.data; var originalMap = comps.getType('dynamic'); originalMap.model.extend({ ... toHTML: 函数 () { ... } })

阅读下方完整回答 ↓

问题

你好,感谢你提供这个很棒的库,我正在使用一个新闻通讯系统,从数据库获取内容并生成网站最新的文章。我创建了一个动态块,动态类型是源代码设置,用户添加源代码后会发送请求到该网址,它应该从中获取内容并更改块,从请求中获取内容。 主导组件 “JavaScript comps.addType('dynamic', { model: defaultModel.extend({ defaults: Object.assign({}, defaultModel.prototype.defaults, { 标签名称:“div”, 类:“动态内容”, Badgable:确实如此, 值得突出:确实, 可编辑:正确, 可掉落:错误, 可拖拽:确实, 可移除:正确, 特质:[{ 类型:'URL', 标签:“Source”, 名称:“源”, }], }), updated(property, value, prevValue) { if(value.source != null) { Axios.get(value.source).then(function(response) { VAR Content = response.data; var originalMap = comps.getType('dynamic'); originalMap.model.extend({ 覆盖组件渲染成HTML的方式...

回答(2)

artf2019年2月8日

你不需要这样扩展模型 “''js VAR Content = response.data; var originalMap = comps.getType('dynamic'); originalMap.model.extend({ ... toHTML: 函数 () { ... } })

你可以直接更新当前实例的 toHTML 方法,比如
“''js
editor.getSelected().toHTML = () => newContent;
lock[bot]2020年2月9日

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

相关问答

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

问题 #459

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

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

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

问题 #484

我能限制可以放入容器的方块吗?

我的目的是创建一个块,只允许放置图像组件(我用的是 grapes-blocks-basic 的默认组件)在里面。 我有以下测试代码: 但是,当我运行上述代码时,发生的情况是我无法在图像容器中放置图像组件。绿色下拉光标只会出现在容器的顶部、底部和侧面,但不会出现在容器内部。实际上...

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

问题 #1962

还有其他方式可以听,特征选项会变化吗?

你好,我添加了监听用户在下拉菜单中选择值时所做的更改的代码。但我需要听代码中其他地方的修改。 在上述更改中,运行正常。但我需要在别的地方听这些变化。 ![图片](https://user-images.githubusercontent.com/33427536/5603325...

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

问题 #754

组件脚本中的ES6类

我想在组件脚本属性中使用ES6类。当我把组件放到画布上时,会出现“classCallCheck未定义”的错误信息。 组件代码: “JavaScript comps.addType('dropdown', { model: defaultModel.extend({ defaul...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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