GrapesJS 问题

ryandeba

@enricribas 据我所知，Grapesjs 的核心里没有内置默认的方块，不过有一些插件可以帮你添加一些方块。可以看看 https://github.com/artf/grapesjs-blocks-basic。 我记得“屏幕尺寸”图标已经被左上角的“设备”选择取代了。你可以考虑一下通讯预设插件怎么把这些按钮转换回按钮——https://github.com/artf/grapesjs-preset-newsletter

enricribas

明白了，谢谢你。说明文件似乎暗示开箱即用，设置更完善，但我猜现在已经转移到插件系统上了，这挺不错的。 谢谢。

lock[bot]

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

artf

你可以替换模型的内容 “''js 例如，模型可以是 editor.getSelected（） model.components（'<div>Text 1</div><div>Text 2</div>'） ```

HarshOB

我怎样才能用像“Hello”这样特定值替换组件的内容？

artf

尝试过这个“model.components（'Hello'）”?!?

ateshuseyin

我在grapesjs-preset-webpage.js里找到了它。我觉得这应该成为一个功能。 问题暂时可以结案。

artf

当然@ateshuseyin面板的UI管理API很快会重构，我会在模块上添加“appendTo”选项，指示面板应该渲染的位置

lock[bot]

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

artf

嗯，有了 'data-gjs-*' 属性，你甚至可以使用对象（JSON） “''js 内容： '<div class=“cls” data-gjs-attrobj='{“valid”：“json”}'></div>'，

lock[bot]

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

artf

@krunal039 这不是问题，只是你定义自定义类型的方式。如果你在“div”上定义性状，你会在那里得到。如果你需要更新某个嵌套组件，你总可以直接从组件本身访问 “''js const linkModel = model.components（）.at（0）; ... ```

krunal039

@artf谢谢回复，如果你能推荐一些样品，可以吗？

lock[bot]

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

artf

@edwardjiawei只需将“内容”（仅用于文本内容）改成“组件” “''js 来自 内容： '<TD class=“cell”>...'， 到 组件： '<TD 类=“cell”>...'， ``` @bungambohlah 你不应该这样做 'el.insertAdjacentHTML（'beforeend'， contentDynamic ）;' 如果你更换了DOM，也要拆掉它附带的“型号” 如果你需要替换DOM，还能选择新内容，你必须在模型层面操作（例如“mod...

bungambohlah

非常感谢@artf我有了点想法，也不太清楚模型关卡该怎么做，非常感谢，你救了我一命 ：rofl：

edwardjiawei

类似的问题，嵌套元素无法检测到 设置简单的拖放表格流程，用户可以拖动行块来做第二行的表格，但该行的 td 不可编辑，也无法选择样式 ``` bm.add（'Table'， { 标签：“桌子”， 类别：“形式”， 属性：{class：'fa fa-map-o'}， 内容：{ 类型：“表格”， 风格：{宽度：'100%'}， 列数：2列， 行数：1行， }, }); } bm.add（'TableRow'， { 标签：“TableRow”， 类别：“形式”， 属性：{class...

artf

对于可编辑内容，你必须使用“content”。 “''js ... 内容：el.innerHTML ... ```

asvine-p

你好，artf，我已经把“components： el.innerHTML”替换成了“content： el.innerHTML”，但内容仍然无法编辑。这是我的代码： ' 令 domc = this.editor.DomComponents; let textType = domc.getType（“text”）;' domc.addType（'span'， { 定义模型 model： textType.model.extend（{}， { isComponent（el）...

bakgat

``` 返回 {类型：“Span”， SRC代码：El.src， 标签名称：el.tagName.toLowerCase（）， 组件：el.innerHTML， 内容：el.innerHTML， 可编辑：真实 }

artf

应该能修复

lock[bot]

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

artf

@roytang我无法用当前版本复现 https://codesandbox.io/s/p554z8yv7j

duskhacker

@roytang 明确禁用全宽编辑器下达区（“dropzone： 0”）后，这个问题就解决了。使用版本“0.12.30”

kickbk

我也遇到同样的情况，@roytang的评论是真的，禁用掉落区能解决这个问题。当然，我总是用最新版本。

lock[bot]

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