GrapesJS 问题

pouyamiralayi

一种解决方案可能是将这些自定义Outlook标签定义为自定义组件类型;除非你定义标签，否则编辑器无法识别这些标签。 干杯。

inaLar

@arju1503，这通常发生在Outlook中转发消息时。 转发邮件和发送邮件在加价方面是两回事。但邮件也可能出现这种情况，因为自Outlook 2007起，Outlook使用Microsoft Word来渲染邮件。 这些元素被注入是为了使 Word 能够将 HTML 转换回完全兼容的 Word 文档。我强烈建议你不要使用任何电子邮件客户端转发消息的验证码。如果你决定用它，可以添加解析器修剪不支持HTML的标签，并附加到GrapesJS的导入命令中。

ghost

@arju1503，这通常发生在消息被转发到Outlook时。转发邮件和发送邮件在加价方面是两回事。但邮件也可能出现这种情况，因为自Outlook 2007起，Outlook使用Microsoft Word来渲染邮件。这些元素被注入是为了使 Word 能够将 HTML 转换回完全兼容的 Word 文档。我强烈建议你不要使用任何电子邮件客户端转发消息的验证码。如果你决定用它，可以添加解析器修剪不支持HTML的标签，并附加到GrapesJS的导入命令中。 谢谢@inaLar，你...

simplecommerce

@Abhisheknanda1344463你好@artf @simplecommerce @devgru有什么最新进展吗？有没有办法手动修复这个问题？谢谢 我不确定这对你是否有效，但这是我用来规避的方法。

Abhisheknanda1344463

@simplecommerce 谢谢你，伙计。 成功了。 谢谢

artf

关闭了问题，因为似乎已经修复了。

pouyamiralayi

如果你想在画布中已经放置了一些组件来初始化编辑器，你需要这个： “''js 编辑器初始化...... 定义自定义组件如前所述 与其继续区块定义，不如使用以下摘录： editor.setComponents（' <tr data-gjs-type=“custom-type”> <td，> <a> <img style=“margin-bottom： 5px;” alt=“” src=“https：//cdn.@（Model.Site.Address）/Subscribe.jp...

artf

目前 Grapes 在存储自定义组件时存在一些问题，这些组件是外部插件定义的。 实际上，是正确存储的，关键是加载那些尚未识别的组件，因为自定义类型还不存在，所以这也是为什么要把代码放进插件里（插件是在获取组件之前加载的）。我们正在更新组件文档，这将是定义自定义类型的首个建议（也是唯一可用的） 顺便说一句，@Jogai@pouyamiralayi描述的方法是正确的。而不是写作 '''html <tr data-gjs-draggable=“#main” data-gjs-co...

Jogai

感谢你的回答和链接。他们真的很有帮助。 不过对于这个问题，我想找一种在模板内实现的方法。目前我们不用blockmanager，用户只是拖动东西。他们从不添加任何内容。

artf

文本区不能被选中，因为它是组件“脚本”生成的静态元素，不属于编辑器，一切都是正确的。 如果你的目的是更改内部的 CKEditor 配置，你必须依赖组件特性，并在脚本中使用字符串插值（如 [docs]（https://grapesjs.com/docs/modules/Components-js.html#basic-scripts）） 中描述的）。 “''js // ... 脚本：函数 （） { const config1 = '{[ propertyName1 ]}';...

artf

顺便说一句，不要这么做，'ClassicEditor.create（document.querySelector（'#ckeditor'）'' 这样，你的积分会同时出现多个分量。 我觉得你最好用这种方式更新你的资料 “''js 我用的是新的 API 来定义组件类型，你也应该这么做...... 默认值：{ 可拖拽： '*'， 可掉落：错误， 默认组件内容 组件：“<textarea>这是一些示例内容。”</textarea> 脚本：函数 （） { // ... const t...

inaLar

@artf，关于“选择”，我没能在同一个流程中连接内容变更并让它在特质变更时生效，也没能通过编辑文本/内容手动更改。手动更改后没能同步特性，但我设法让它正常工作了。自定义文本组件完全没问题。 至于上次发布的文档，我现在正在看，看起来非常好，但我发帖时还没看到。 可能只有我这样，但我通过榜样学习，所以更多的例子和用例总是加分项。 我知道产品是开放的，也很感谢你的努力。我希望自己能获得更多知识，并在不久的将来有所贡献。 干杯。

zgover

你可以在组件的内容道具上附加一个事件监听器，然后在回调中取该特征或更改特征的值道具，见下面的示例[摘自文档]（https://grapesjs.com/docs/modules/Traits.html#updating-traits-at-run-time） “JavaScript 让我们更新输入组件中定义的“类型”特征的“选项” const component = editor.getSelected（）; component.getTrait（'type'）.set（'...

inaLar

谢谢你，Zachary1748，但我不能用在我这边。也许我没解释清楚。 我有一个自定义组件。 组件内容可以通过三种方式更改：拖拽到画布中（你会弹出一个选项窗口）从设置中（也通过选项选择）在画布内编辑其文本 总之，我觉得我找到了一个解决方案——我创建了一个自定义数据类型，并将事件绑定到其更改上，而不仅仅是内容更改。但我还在测试。

artf

你应该在设备更换时更新组件特性 https://jsfiddle.net/artur_arseniev/Lma0pu5v/

artf

你的结论完全错误。请仔细阅读这部分：https://grapesjs.com/docs/modules/Storage.html#setup-the-server 你应该退货，比如这样： “''js { “gjs-” 是身份识别前缀 'gjs-components'： [{ tagName： 'div'， ... }， {...}， ...]， 'gjs-style'： [{...}， {...}， ...]， }

thomas1204

根据上面的评论，我现在可以添加有序和无序的列表了。有没有办法更新现有的有序和无序列表？ @artf @rahuloftheramaneffect

artf

你能做一个可复现的演示吗？没有栈迹的错误是没用的（可选地）我们可以用Tab键缩进列表？ 你绝对应该自己做，或者依赖像CKEditor这样的工具来获得更高级的文本使用体验

rahuloftheramaneffect

嘿！谢谢你这么快回复。你能做一个可复现的演示吗？没有栈迹的错误是没用的 这里有一个压缩包，里面是我编辑页面的简化版。 [Demo.zip]（https://github.com/artf/grapesjs/files/3497128/Demo.zip） 它包含了大量CSS和js文件。上述RTE功能属于editor_rte.js。 繁殖步骤：开放 index.html（包含初始化编辑器、部分预先文本和少量块）。双击已有文本以查看RTE工具栏。使用右侧的列表按钮验证创建列表和缩...

TheComputerM

我稍微查了一下网络后解决了这个问题。添加这个特质 “''js 特质：[ { 类型：“选择”， 选项：[ { 值：'h1'， 名称：'标题1' }， { 值：'h2'， 名称：'标题2' }， { 值：'h3'，名称：'标题3'}， { 值：'h4'，名称：“航向4'}， { 值：'h5'，名称：'航向5' }， { 值：'h6'，名称：'航向6' }， ], 标签：“尺寸”， 名称：“tagName”， 变革提案：1， }, ], ```

Buddhilive

@hosseinghs试试这个方法。这和@TheComputerM之前实现代码的方式是一样的。而且效果很好。 “''t” this.editor.Components.addType（'headings'， { isComponent： el => el.tagName.startsWith（'H'） && Number.parseInt（el.tagName.slice（1）） <= 6， 型号：{ 默认值：{ 特质：[ { 类型：“选择”， 选项：[ { id： 'h1...

hosseinghs

嗨，我也在努力做同样的事！ 我的问题是，当我点击“特质”中的某个选项时，我的标题元素不会更新成新的标题！ 你能帮我吗？