GrapesJS 问题

artf

我觉得就够了 “''js getValueForTarget： function（） { 返回 'item.text' + this.model.get（'value'）; } ```

artf

你应该可以通过[自定义特质]（https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type）来实现，比如：通过覆盖[“getValueForTarget”方法]（https://github.com/artf/grapesjs/blob/dev/src/trait_manager/view/TraitView.js#L46）

HarshOB

我尝试创建自定义特质并覆盖某个方法，但没看到任何属性生成。请你看看这段代码，如果有错误能纠正我吗？当我在 traits 中写入数据时，它应该在 datatextfield 生成属性为 '：text=item.text.data'。 ![截图来自2018-04-12 10-21-21]（https://user-images.githubusercontent.com/28950214/38657005-a504f80e-3e3b-11e8-9346-a6185ffef5a5...

artf

就你而言，必须更新所有这些模型 'model.get（'traits'）.add（[{name： 'product'}， {...}]）`

lock[bot]

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

crazyxhz

@anand-gopinath 酷~效果非常好。现在我发现了很多数据属性、使用情况...... 这是一个非常好的框架，但文档有点落后......

anand-gopinath

@crazyxhz ：你可以通过在内容中添加数据属性 “data-gjs-droppable='.className'”，例如 [https://jsfiddle.net/wswvuvab/2/]（URL）

lock[bot]

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

artf

所以当你刷新页面时，加载请求会被发送，对吧？ 试着从这些听众那里得到什么 “''js editor.on（'storage：load'， function（e） { console.log（“LOAD”，e）; }) editor.on（'storage：store'， function（e） { console.log（“商店”，e）; }) ```

duccanh0022

你好，谢谢回复。 终于，我找到了我的“虫子”。mysql数据库中的组件字段是文本类型，空间不足。我换成了LONGTEXT。一切看起来都还好。 再次感谢！

lock[bot]

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

artf

例如，“编辑。DomComponents.getWrapper（）.find（'.some-query'）.forEach（model => model.setStyle（{display： ...}））`

lock[bot]

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

artf

组件属性使用 'this.listenTo（this.model， “change：prop-name” ...'通过“......attributes.align = “left”' 组件看不到你的更改，改用 'this.model.components（）.at（0）.addAttributes（{ align： 'left' }）'，你不需要更新/渲染元素。

lock[bot]

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

artf

是的，Tom，谢谢你，我觉得一个可配置的选项（比如“keepWhitespace”?!?）可能是个好办法

artf

这是因为节点在穿越过程中进行清理 https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserHtml.js#L155-L158

tommedema

谢谢@artf，明白了。我建议移除这个功能，或者至少让它可配置（默认为true以避免破坏更改）。你会接受永久居民吗？

nojacko

我觉得你必须覆盖 CSS。

baxxos

通过一个“脏黑客”（重载“初始化”方法）成功解决，引用如下：[#972]（https://github.com/artf/grapesjs/issues/972）

lock[bot]

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

artf

谢谢你，James，我们已经知道了 #552，但遗憾的是还没有提供任何修复 ：/ 主要问题是GrapesJS不擅长主体/包裹的造型，因此我们会看到“主体”来自三个不同的地方：来自[protectedCss]（https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js#L68）选项从包装器的组件样式（通常是主体，因此[我单独处理]（https://github.com/artf/grapesjs/...

lock[bot]

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

artf

好问题，我觉得问题出在 [OpenAssets]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenAssets.js#L14） 命令本身，应该在 'OpenImageAssets' 里重命名（确实它只渲染图片类型）。所以，你可以尝试创建一个更通用的命令（比如更通用的命令，或者只针对文档），看看这个[自定义]（https://github.com/artf/grapesjs/wiki/Assets...

tomichal

@artf我创建了引用的拉取请求。我承认我的动机是针对具体的使用场景，但希望它的代码足够通用，能在核心编辑器代码库中被接受。

tomichal

...哦，顺便澄清一下——还有一段与这个拉取请求并列编写的代码，存在于我项目的一个自定义插件里。它是一个插件，基本上可以实现以下功能：自定义链接DOM 组件，使得通过RTE创建链接后，资产管理器会打开，此时可以上传任意资产并链接到新创建的链接组件。自定义资产管理工具的图片 资产类型，使得在资产管理器中选择图片时，目标组件的“src”或“href”属性都会被更新。向资产管理公司添加一种其他资产类型。如果资产管理器用于Link DOM 组件，则“其他资产类型”会与Image资产...