#22992019年9月29日作者 rushmabaj331 个回答
你好! 有没有办法改变同一类组件的位置? 比如,我有两个分区,类别名称分别是“title”和“location”。还有几个其他组件使用相同的类名:  当我拖动类名为“title”的组件并放在“location”下方时,其他所有组件也应该同步更新。我该怎么做?
#22972019年9月27日作者 umerrinayat3 个回答
嘿。感谢你带来的这个精彩项目。我在一个项目里用它,需要一些帮助。 1- 我有一个带有脚本的块元素。这个脚本会在iframe内动态添加表单。 “JavaScript blockManager.add('custom-script', { 标签:“Email-Custom-Script”, 类别:“形式”, 内容: <div> <script type=“text/javascript” src=“https://app.getresponse.com/viewwebformv2.js?u=zqQFS&webforms_id=SGRbz”></script> <div>', 属性:{ 标题:“获取回复表”, 类别:“FA方阵” } }...
umerrinayat
终于解决了@pouyamiralayi谢谢你的帮助。使用你的解决方案后,它会把脚本插入正确的位置。
pouyamiralayi
嗨!你试过把你的脚本放进脚本标签吗?这样一来,end时executed,并且很可能符合你想要的顺序: 干杯。
artf
当我拖拽脚本到页面上的任意位置时,葡萄无视该位置,将形态渲染在页面末尾。 说实话我也不清楚,这完全取决于第三方库(你说的是GetResponse)以及加载后如何附加内容当我在 grapesjs init 函数中启用“allowScripts: 1”时,我可以添加脚本,但无法拖拽(使用)自定义块元素 首先,你的方块里不需要用“html”、“head”、“body”标签。你是在已经定义好的文档“正体”里放HTML片段...... 我强烈建议你了解一下[组件](https://g...
#22962019年9月26日作者 hellocaio1 个回答
GrapesJS 网站上的演示版本有一些自定义样式输入组件(比如不透明度滑块、属性名称旁的“撤销”按钮......)这是如何实现的? 有没有办法用我自己的插件来使用它们? 另外,我该如何让自定义扇区的“属性”像“buildProps”那样表现?我的情况是必须翻译所有字符串,所以不能用“buildProps”,但自定义道具的行为和“buildProps”不同。他们没有像buildProps那样在“component:selected”中取组件属性的初始值,颜色选择器也没有显示“onClick”,等等。
artf
GrapesJS 网站上的演示版本有一些自定义样式输入组件(比如不透明度滑块、属性名旁的“撤销”按钮......)这是如何实现的?有没有办法用我自己的插件来使用它们? 这些都是配置的一部分。 清理财产时请使用此选项 “''js styleManager: { clearProperties: 1 }, ``` 不透明度是通过“滑块”类型构建的,这里是演示源代码中的部分 https://github.com/artf/grapesjs/blob/53cfe888a0ee5d4...
#22942019年9月26日作者 tom-sherman暂无回答
这可以在演示中复制:https://grapesjs.com/demo.html拖入文本节点双击激活RTE将文本组件拖曳到另一个位置选择另一个组件 该组件被移除,并记录到控制台以下错误:
#22932019年9月26日作者 mtasic-realware3 个回答
你好。 有没有办法切换到最新版本的Grapesjs版本,同时保留我们内部使用的代码修改? 大多数改动都很小,主要是调整CSS和JS逻辑——但我们需要这些改动(主要是客户的要求)。 修改是在未压缩版本的 grapesjs 上进行的。 我会把所有更改都提取到文档里以备不时之需。我应该遵循什么程序? 我能不能把这些改动放进某个外部文件里,让它在葡萄之外积累?还是每次新版本出现时我都得手动输入? 我不太熟悉葡萄是如何积累使用的。任何帮助我都会感激。 谢谢。姆拉登
artf
确实,更新核心库时会发生这种情况,升级很难。我应该遵循什么程序? 没有具体的操作步骤,你只需要在新版本里重写自定义逻辑,希望代码不会改太多 我个人建议,永远不要更改核心库,[创建插件](https://grapesjs.com/docs/modules/Plugins.html)
mtasic-realware
我可以下载源代码,添加新的 js 文件(会改变默认组件或块行为)并包含在项目中吗? 事实上——插件就是这样制作的,对吧?
artf
事实上——插件就是这样制作的,对吧? 不,插件不需要动库代码,所以升级更安全更简单
#22912019年9月25日作者 brentonkelly1982暂无回答
[虫子]:嗨!我在集成的选色器上遇到了问题。当我点击文本组件,进入样式管理器,点击角色组,最后点击启动颜色选择器时,我会收到“无法读取未定义属性'长度”的JavaScript错误。你可以在这里看到我的问题[https://drive.google.com/open?id=1uP0OLNLhqV6Z85s47leP8y2FLmDK8-rB]。 我目前通过 https://unpkg.com/grapesjs 使用 GrapesJS - 0.15.8,这是我自己的 GrapesJS 实例。我使用的是Mac版本:10.14.4,Chrome版本是77.0.3865.90。我无法在你的演示中呈现这个问题。我目前唯一用的插件是 [grape...
#22902019年9月25日作者 JCKodel1 个回答
我有一个自定义组件,可以在组件内部渲染远程查询的结果,所以我在块管理器上添加了文本特征,让用户可以选择目标组件的查询选择器。 如果有个叫“componentRelationship”的特性来渲染目标按钮,那就更好了。当我们在画布内的组件上拖拽目标按钮时,特征值会被组件查询选择器填充。
artf
谢谢@JCKodel建议,我喜欢,但我也觉得放在核心库里可能会有点显得有些压倒性。在这种情况下,最好[定义一个自定义特质](https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type)
#22892019年9月25日作者 JCKodel3 个回答
使用 Ionic StencilJS 时,组件通过新模块支持导入: 在“{canvas: scripts: []}' 中,我只能通过外部脚本的 URL 加载。 为了解决这种情况,我们可以导入模块如下: 画布内的最终结果为: 请注意,当我们想在“'标签中使用完整性或交叉起源时,当然插入<script>URL字符串依然可以正常使用。
artf
很好,我喜欢,想做一个PR的朋友,更新代码在这里: https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161
devtechk
你好,我可以从你的代码开始,不在 html 文件里,而是在一个分开的 js 文件里 init grapesjs 吗? 谢谢你
rywilson28
@artf看起来这个功能已经实现了。 有一个小问题,类型默认会变成“text/javascript”。 对于 HTML 5 应该省略,但如果有也不会造成任何问题。 这个问题应该被关闭吗?
#22882019年9月24日作者 hellocaio3 个回答
首先,这是个很棒的项目!我喜欢!整体非常完整。我一直在反复阅读那个文档,学习曲线非常陡峭。 无论如何,我想向用户提供一个模板,但对样式有限制。我一直在尝试使用像这样可造型和不可造型的道具: '<h1 data-gjs-unstylable={[“float”]}>Title</h1>' 但漂浮风格却在风格管理器中显现出来。为什么? 有没有其他方法可以根据组件自定义样式管理器?例如,如果选择了“#site-logo”,样式管理器会显示资产上传器和文本字段(备选)。
pouyamiralayi
你好!针对你的第一个问题:我认为这个属性必须在组件类型定义中指定。 就你来说,情况大致是这样的: 针对你的第二个问题,看看[这个](https://github.com/artf/grapesjs/issues/2287#issuecomment-534564632)是否能帮到你。 干杯。
hellocaio
我明白了!谢谢你,兄弟!我会试试看。:)
artf
@ColdTuna 你把属性写错了,应该是 '<h1 data-gjs-unstylable=“[\”float\“]”>Title</h1>'
#22872019年9月24日作者 seowhui1 个回答
如果你在编辑器中选择一个组件,你希望该组件的样式管理器只显示在属性面板中。 比如,我该如何让排序样式管理器只在 div 标签中可见? 可能吗?
pouyamiralayi
你好!看看[这个](https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559)能不能帮到你。 如果你只想显示样式管理器,可以初始化编辑器时不指定 styleManager 的扇区,然后用 [this approach](https://github.com/artf/grapesjs/issues/1428#issuecomment-421632564) 在目标类型被选中时添加扇区。 干杯。