问题 #2973💬 已回答提出于 2020年8月25日作者 trony20201 个反应

使块内不可移除元素

快速解答作者 RJCAM1

所以,我不确定这是不是最好的答案,但对我来说很有效。如何判断 h4 中的元素是否也是 data-gjs-editable=“false”? 该属性为:contentEditable=“false”如果我删除了某个方框里的所有字符,那方块就会消失,有没有办法不删除方块,同时保持最小宽度? 我正在这么做,但移除所有字符后盒子依然存在,创建时试试一些属性,比如 contentEditable为什么一条短信...... 我无法重现这种行为,文本是以唯一字符串添加的,可能是你声明的方式

阅读下方完整回答 ↓

问题

你好, 给出: 编辑。BlockManager.add('test-component', { id: 'MappaPiuDescrizione', 标签:“Mappa + Descrizione”, 内容: '<div data-blockname='mappaDescrizione1'> <br/> <div data-blockname='mappaDescrizione2' style='margin:2px;border: 1px solid red'> <div><h3>测试摩托</h3></div> <div data-gjs-type=“map” style='height:200px;width:400px'></div> <div>Test Zaltbommel<br> 施明克4<br> 5322 达尔博梅尔<br> 荷兰 </div> </div> <br/> ',</div> }); 我想让“<div><h3>测试摩托</h3></div>”不能掉落,具体怎么做?有班级?比如 '<div class='notDropppable'><h3>测试摩托</h3></div>'? 谢谢, 沃尔特

回答(3)

RJCAM2020年8月26日

所以,我不确定这是不是最好的答案,但对我来说很有效。

如何判断 h4 中的元素是否也是 data-gjs-editable=“false”?

该属性为:contentEditable=“false”

如果我删除了某个方框里的所有字符,那方块就会消失,有没有办法不删除方块,同时保持最小宽度?

我正在这么做,但移除所有字符后盒子依然存在,创建时试试一些属性,比如 contentEditable

为什么一条短信......

我无法重现这种行为,文本是以唯一字符串添加的,可能是你声明的方式

RJCAM2020年8月25日

你好@trony2020 这不算真正的类,但你确实可以通过添加一些属性来实现,比如文档中的[这里](https://grapesjs.com/docs/api/components.html#addcomponent),当你向DOM添加新组件时,它会把该属性添加为该元素的属性。 所以你可以这样做: '<div data-gjs-dropppable='false'><h3>Test Moto</h3></div>' 现在你就不能在这个div里添加

trony20202020年8月26日

我试过 编辑。BlockManager.add('Title-component', { id:“TitleEB”, 标签:“TitleEB”, 内容: '“<div data-blockname='TitleForm' style='width:600px' data-gjs-removable='false'>” + data + “</div>”'' }); 其中数据为: '<div id=“headerText” class=“info ” data-ebplatform-template-elementId=“boxHeader” data-ebplatform-template-...

相关问答

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

问题 #2957

BUG:无法为<table>自定义方块添加标签

你好,我正在尝试创建一个自定义的倒计时计时块。代码如下: 我正在“table”标签内添加内容。我一拖放方块就出现错误——Uncaught TypeError: t.get 不是函数。请参考下面的截图: ![图片](https://user-images.githubuserco...

1 个回答更新于 2020年8月27日

问题 #2639

:GrapesJS 移动 Mustache 代币

你好, 我正在使用 GrapesJS 让用户创建报表模板。 我遇到过一个创建表格的块,但表格行是由Mustache代币决定的。 然而,渲染时,标记会被移出表元素。 我认为表格或表格行样式不允许这些标记存在于表格元素结构中。 我的街区: “JavaScript bm.add('p...

3 个回答更新于 2020年3月18日

问题 #4792

20.2版本的拖放功能失效了

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式,丢弃后再将组件本身设为绝对拖拽。...

4 个回答更新于 2022年12月20日

问题 #2177

如何创建包含 HTML 和 CSS 和 JavaScript 内容的块。

有人能给我演示一下如何用JavaScript和CSS样式创建块的代码示例吗? “''js 编辑。BlockManager.add('a_block', { 标签:“Sample Block”, 内容: '<style> .sampleclass{ 填充:10像素 15像素; }...

3 个回答更新于 2021年3月17日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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