两个html标签合为一(链接/按钮)
问题
是否有可能有两个元素(div 和 lnik)并作为一个整体? 例如:有“我的以下链接”块:
'<div class=“row”><a class=“btn” href=“http://test.com”>链接在此</a></div>”
我希望点击“div”或“button”时,编辑器视图中显示“'<a>'为选中元素,但在包装器中显示为已选中的元素。
回答(3)
你应该创建一个[自定义组件](https://github.com/artf/grapesjs/wiki/Components)
@artf我尝试扩展原始链接组件,但似乎不起作用 这并没有改变什么...... 我已经尝试关闭“自动渲染”,并在所有更改后重新渲染。 我可以用BlockManager更改内容,只设置一个新的: bm.get('c85').set({ 内容:'<div class“row”><a class=“btn”>链接在此</a></div>' }); 但点击按钮时,它只选中了按钮(不是 div),点击 div 时,也没有选择我的按钮自定义设置;
@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。 在组件方面,我尝试了:
相关问答
通过相似的问题讨论继续研究。
问题 #1645
将面板向左移动
大家好,葡萄团队, 我正在尝试把 BlockManager、StyleManager、TraitManager 等迁移到左边。 我试过用“appendTo”,但不知道为什么默认面板还显示。 ![葡萄味](https://user-images.githubusercontent...
问题 #1699
链接元素不可复制/删除
在编辑器中,如果我们有带有某些类的链接元素,编辑器不允许复制或删除该元素。 GrapesJS 版本:v0.14.50繁殖步骤:开放 https://grapesjs.com/demo.html导入后续简单链接标签 '''html <a href=“#” class=“btn b...
问题 #821
如何设置href属性
你好,@artf, 请告诉我们,当元素被拖拽时,如何在div中设置锚点的href属性,即 <div class=“social_icons rrssb-buttons c3250”> <a href=“https://www.facebook.com/sharer/sharer...
问题 #677
Escape HTML
你好! 我注意到通过 grapesjs 逃逸 html 存在几个错误,其中一些可以通过这个拉取请求 https://github.com/artf/grapesjs/pull/676 修复,但我仍然遇到启动时插入的 HTML 问题。 在下面的示例中,第一个<预>渲染...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。