GrapesJS 问题

artf

@JulyanoF你绝不应该做这个“编辑”。如果你觉得需要这个函数，DomComponents.render（）'，很可能是你操作错了...... 那么在你的自定义组件中，你不需要设置“isComponent”方法，所以请查看这份指南：https://grapesjs.com/docs/modules/Components.html 其余内容请提供现场演示

artf

我正在尝试获取选定元素的 html（editor.getSelected（）.toHTML（）），对它进行操作并更改原始内容 这不对...... 你应该用[组件的API]（https://grapesjs.com/docs/api/component.html），不要碰视图，更别碰它的HTML。如果你不理解这个概念（你应该编辑组件的模型，而不是视图），你会遇到很多问题

JulyanoF

@artf你说得对。问题在于使用“render（）”函数，也就是复制元素......但是，如果我移除这个功能，编辑器的HTML并没有改变......它仍然显示旧内容，而不是新的内容。我该如何避免这种情况？我会提供现场演示

cjpollard

你是在指向一个网站。 你需要能够处理这些请求的端点。https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage

JulyanoF

> 你正在指向一个网站。你需要能够处理这些请求的端点。https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage我用下面的端点尝试过，结果也显示错误storageManager： {类型：“远程”，storeHtml： true，storeCss： true，contentTypeHTML： true，urlStore：“http://www.lightblue.byethost4.com/inde...

mrajeshkrossark

你正在指向一个网站。你需要能够处理这些请求的端点。https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage 我尝试了以下端点，也显示错误 storageManager： { 类型：“远程”， storeHtml： true， storeCss： true， contentTypeHTML： true， urlStore：“http://www.lightblue.byethost4.com/ind...

artf

实际上可能有个bug，你能不能尝试把“gjs-components”作为字符串返回（所以试着用json编码你的数组）

artf

谢谢@iainheng，暂时保持这样，直到下次发布（希望下周能推迟）

iainheng

@artf 谢谢你的帮助。😊 这确实是个bug。我把“gjs-components”存成字符串，现在能正常工作了。🎉 这和字符串是同一个数据存储 ![图片]（https://user-images.githubusercontent.com/3263759/45592738-3a62d500-b9a8-11e8-9a53-5fbb912a9f68.png）

juanj

我不确定这是不是最优方法，但你可以听“component：selected”事件，如果选中的组件是你想要的，就可以添加一个新扇区。然后你需要听取“component：deselect”事件，如果取消选中的组件就是你移除多余扇区之前的那个。 如果你不想创建整个扇区，可以直接用“addProperty”和“removeProperty”来覆盖现有扇区。 同样的操作也可以用来移除特定组件的扇区。

artf

实际上，你也可以依赖一些专门为此目的制作的[Component]（https://grapesjs.com/docs/api/component.html）属性：'可样式化' - 如果组件可以样式化，则为真。你也可以指定一组CSS属性，可以样式化，比如：['color'， 'width']，其他所有属性都会被样式管理器隐藏。默认值：“真”“不可样式化”——表示一组样式属性，这些属性应对样式管理器隐藏。默认值：“[]''styleable-require' - 表示样式管理器...

artf

@peakrams警告确实存在，但Github的Markdown不允许你应用自定义样式来提高可见度 ̄\\（ツ）\/ ̄ ![Schermata 2018-09-16 全部 18 41 39]（https://user-images.githubusercontent.com/11614725/45598697-7dd93580-b9e0-11e8-8285-e07488273818.png）

juanj

看起来和卷轴有关。如果你往下滚动，蓝色的选择框会显示段落开头的位置。我觉得这和图片没关系。即使你删除图片并滚动，结果还是一样。

chiqui3d

观察得真好，伙计，问题出在溢出的身体上：隐藏; 非常感谢@juanj

lock[bot]

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

artf

[延伸]（https://grapesjs.com/docs/modules/Components.html#update-component-type）“text”组件类型，并在“isComponent”中实现你的逻辑。如果元素符合你的条件（你可能会检查内元素），只需以这种方式返回对象 “''js isComponent（el） { // ... 如果（isWhatYouNeed） { 返回 { 类型：“文本”， 内容：el.innerHTML， 组成部分：[]， 通过添...

lock[bot]

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

artf

虽然没有内置功能，但请记住，一旦你渲染了样式管理器，所有元素即使不可见，也仍然可以通过DOM访问，所以你可以在渲染后添加验证逻辑

lock[bot]

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

artf

@mararn1618你能制作一个可重复的现场演示吗？

mararn1618

当然，@artf你好。我已经提取了项目中相关的部分，并制作了一个演示和复刻步骤：演示：https://www.secretbakery.io/grapesjs/issue1424.html列表演示文件：https://www.secretbakery.io/grapesjs/ 谢谢你的照顾！ 编辑：我已经在文件里添加了演示的可下载归档（grapesjs1424.zip）。

mararn1618

我现在正在用一个变通方法，让我的 AngularJS 指令——该属性的使用点——重新计算“show-name”，就像我们在链接阶段有 “show-name=”true“一样。绕过 AngularJS 指令

artf

每个组件都有“status”属性，所以在面包屑视图中你可以听到每个组件模型的“change：status”。看看它在[ComponentView]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/view/ComponentView.js#L102）中实现的，并且在这里的图层[ItemView]（https://github.com/artf/grapesjs/blob/dev/src/navigat...

lock[bot]

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

artf

你说得对，我觉得我应该用“parseFloat”，下一个版本会修正

lock[bot]

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