问题 #1135💬 已回答提出于 2018年5月25日作者 JulyanoF0 个反应

两个html标签合为一(链接/按钮)

快速解答作者 artf

你应该创建一个[自定义组件](https://github.com/artf/grapesjs/wiki/Components)

阅读下方完整回答 ↓

问题

是否有可能有两个元素(div 和 lnik)并作为一个整体? 例如:有“我的以下链接”块:

'<div class=“row”><a class=“btn” href=“http://test.com”>链接在此</a></div>

我希望点击“div”或“button”时,编辑器视图中显示“'<a>'为选中元素,但在包装器中显示为已选中的元素。

回答(3)

JulyanoF2018年6月1日

@artf我尝试扩展原始链接组件,但似乎不起作用 这并没有改变什么...... 我已经尝试关闭“自动渲染”,并在所有更改后重新渲染。 我可以用BlockManager更改内容,只设置一个新的: bm.get('c85').set({ 内容:'<div class“row”><a class=“btn”>链接在此</a></div>' }); 但点击按钮时,它只选中了按钮(不是 div),点击 div 时,也没有选择我的按钮自定义设置;

JulyanoF2018年6月11日

@artf正如你说的,我尝试过用组件,但结果没达到预期。你能帮帮我吗? 我的链接块印有以下内容: '<div style=“height:45px;margin:0 auto 10px auto;padding: 5px 5px 5px 5px 5px;width: 100%;text-align:center”><a class=“btn btn-purple”>Button</a></div>' 我也在尝试点击div时获得按钮,或者点击时选择所有div。 在组件方面,我尝试了:

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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