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

问题 #1859💬 已回答提出于 2019年3月5日作者 MisterFK0 个反应

在编辑器中更改元素类型

快速解答作者 arthuralmeidap

请看这里:https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components 它展示了如何为现有类型的添加或移除自定义特质。这可能会帮到你

阅读下方完整回答 ↓

问题

你好,

在我的JavaScript中,我已经创建了两个组件(类型“A”和类型“B”),它们各自有自己的特征。 我在两个元素上创建了上下文菜单,在编辑器中将选中的元素从类型“A”切换到类型“B”,并相应更改特征。

我没找到在编辑器里更改已经插入的元素类型的方法。 请问有什么功能或解决方案吗?

谢谢你,artf!

回答(3)

MisterFK• 2019年3月8日

谢谢,但我不想更改类型,只想更改一个选中的元素的类型...... 如果我更改组件的特性,所有带有该类型的其他元素都会被更改,这并不是目的。

artf• 2019年3月10日

我没找到更改编辑器中已插入元素类型的方法。

如果你想把“'改<div>成'<img>...,解决方案是一样的。所以你会把它移除,然后用同一个索引的另一个组件替换

相关问答

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

问题 #1991

可调整大小,使用 px 输出中的 unitWidth 换成百分比。

你好,@artf, 感谢你制作了这个了不起的框架。 最近我基于你的[flexbox插件](https://github.com/artf/grapesjs-blocks-flexbox)做了一个自定义组件。 ![演示](https://cdn.kapwing.com/final...

3 个回答更新于 2020年5月6日

问题 #626

在包装器周围放置不可编辑的 HTML

我的CMS是这样的:网站可以有一个主题,并在该主题下放置多个模板。主题渲染在每一页,模板仅渲染在特定页面。我已经成功地将 GrapesJS 与我现有的模板编辑器集成了,但我有个问题:有没有办法在 Grapes 中围绕模板渲染主题?也就是说,有没有办法在可编辑的 HTML 周围插...

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

问题 #1614

:将css变量添加为style manager属性

尝试向样式管理器添加CSS变量导致错误: “未捕获类型错误:无法读取未定义[fiddle](https://jsfiddle.net/GCoda/ke3p0mgj/)的属性'toPerCase' “JavaScript 编辑。StyleManager.addSector('te...

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

问题 #1458

在 grapesjs 编辑器中嵌入了 Jquery 事件,但无法如预期工作。

@artf,我尝试把模板嵌入到grapesjs编辑器里。我遇到的问题是编辑器在那个模板下没有按预期工作。 注意:我用 react 应用来封装 grapesjs 编辑器。 最初编辑器嵌入了我的模板,看起来就像下面的图片 ![无题](https://user-images.gith...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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