问题 #1538💬 已回答提出于 2018年10月24日作者 Geelik0 个反应

导出时内容不同

快速解答作者 artf

@Geelik你可以在 [Component](https://grapesjs.com/docs/api/component.html#component) 定义中设置 'tagName'

阅读下方完整回答 ↓

问题

你好,

我正在尝试使用带有动态内容的葡萄。我想实现的目标是,就像WordPress一样,我希望导出HTML时有短代码/自定义HTML标签。

这里举个例子说明我的意思: '''html

<!--在编辑器里——> <div data-type=“my-component”>My component content here</div> ``` '''html <!--这就是我导出时想要的——> <my-component>我的组成内容在这里</my-component> ``` 为此我用了组件,我尝试在组件视图的渲染方法里写“this.model.set('tagName'', 'div')”,但因为修改模型触发渲染方法,导致无限循环。 如果你有什么建议。

回答(2)

lock[bot]2019年10月30日

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

相关问答

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

问题 #1912

自定义组件默认子节点

你好, 我正在尝试理解如何实现以下目标。创建一个带有默认内容的组件作为子节点。创建一个方块,将该组件添加到画布中。将组件子编辑为其他内容并保存HTML结果。稍后在编辑器中重新加载组件并继续编辑。 我的问题如下:我尝试过在默认情况下使用“components”和“content”...

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

问题 #823

设置所选内容不会完全影响editor.getHtml()

当我使用“editor.getSelected().set('content', 'somethig')”“时,理论上它能正确更改数值,正如我在编辑器中看到的,但当我调用”editor.getHtml()“或启用自动保存(可能调用”getHtml()'“时,显示为”<div c...

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

问题 #1511

更改所选组件的HTML内容

我正在尝试用下面的代码替换基本文本合成的 HTML ' const component = editor.getSelected(); component.set('content', 'Test');' 画布里会更改,但代码上仍然附加着“插入您的文本”,如下图所示。 ![sc...

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

问题 #509

跨度不能作为文本编辑

你好,Artf, 我在导入一些HTML模板时遇到了问题。起初我无法看到跨度文本。但在帮编辑重新整理后,我无法将它们作为文本进行编辑。 ' 让 domc = this.editor.DomComponents; 让textType = domc.getType(“text”);...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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