GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 3,464 个问题

#20762019年6月12日作者 msassa3 个回答
2 个反应

如何制作一个新的组件来允许Laravel刀片指令?

你好,感谢你的精彩工作。 我想知道代码里有没有办法用刀片指令。 我已经添加了一个新功能来编辑源代码,运行得很好。 ![图片](https://user-images.githubusercontent.com/570080/59308899-94af6e80-8c78-11e9-8e92-07db03ef3580.png) 但当我写下这样的话时,画布上会显示一段难看的文字: ![图片](https://user-images.githubusercontent.com/570080/59308937-b27cd380-8c78-11e9-88bf-b9c564815b31.png) 我喜欢找到一种方式,@if不会在画布上渲染。 你...

artf

@msassa 如果你这样写代码,编辑器很难理解,但如果你创建一种自定义的条件组件,你会对它有更多的控制。 这里有一个例子,说明该状况也可以通过性状改变 https://jsfiddle.net/452fvwk6/

verdverm

渲染时该语法会如何解析? 我一直在考虑在画布里运行 React,但我们需要加载我们创建的 React 和 Transpile 组件。浏览器里有个Babel脚本可以做类似的事情。还没完全让它工作起来。 从根本上说,你写的内容被解读为文本/HTML

msassa

你好,我正在把那个代码保存到S3文件里。 后来,我会在Laravel应用中使用这些文件。 一切运行良好,我唯一喜欢改进的地方是: 代码作为源代码是正确的,必须以原始码保存。 但当我在画布上可视化那个块时,我只需要看到 html,而不是 @if(...),还有 @endif...... 它可以用特殊标记表示被指令桶包围,但这并非必要。 实际上,它显示的是这样的内容: ![图片](https://user-images.githubusercontent.com/570080/...

#20752019年6月12日作者 webdeveloper04293 个回答
1 个反应

风格管理器滑块 最小值 bug bug

当我把滑块设为0(最小值)时,滑块返回-1值,这个style属性完全被忽略,因为它不是有效的CSS。例如,''border-width: -1px !important'' 我找到了为什么只发生最小值的代码。 在[样式管理器滑块查看代码](https://github.com/artf/grapesjs/blob/dev/src/style_manager/view/PropertySliderView.js#L37) 当滑块值不是最小值时,这个方法效果很好。但如果值设为最小值(比如0),第二个model.set就没用,导致实际值变了。 难道没有-1和+1的集合值不是标准的吗? 简短的解决办法是,我该如何扩展这个功能?

arthuralmeidap

@starcraft0429, 你能举个代码示例吗?我尝试过模拟,但没成功。

storyofyours

@artf做我们的英雄;)

artf

大家,遵循ISSUE模板真的很重要,我甚至不知道你们用的是哪个版本!你能做一个可复现的演示吗?我不明白怎么复现

#20742019年6月11日作者 VM81983 个回答
0 个反应

在块管理器中编辑下拉菜单时无法使用空格

你好@artf 我在块管理器里应用了一个下拉菜单,代码如下所示 “''js BM.add(“下拉菜单-导航栏”, { label: '<div class=“gjs-block-label”>下拉菜单</div>', 标签:“1”, 分类:“其他”, 可移除:正确, 可拖拽:确实, Droppable:确实如此, 值得突出:确实, 可复制:真, 可编辑:正确, 允许间距:真, 类型:“默认”, 属性:{ 类别:“Fa fa-省略号-h”, 标题:“插入导航动态菜单” }, 内容: '<div data-gjs-type=“default” class=“dropdown”> <span class=“dropdown-text”>...

verdverm

试着查看 DOM 页面,看看画布里下拉的项目是什么,从而看到创建了哪些 html 元素。输出看起来像你预期的 html 吗?

VM8198

@verdverm 是的,在 DOM 里,输出看起来和我需要的完全一样 看这个视频......https://drive.google.com/file/d/1bgb6QibnPPU6qGbLDudOD9xeMGtmvsnG/view

artf

无法用你的代码复现,请制作一个可复现的演示。 顺便说一句,像可移除、可拖拽、可丢弃这些属性是组件定义的一部分,不是块......

#20732019年6月10日作者 AlejandroSuarezA3 个回答
0 个反应

使用 urlLoad 遇到的问题

我在调用终端加载模板时遇到问题,它正在执行预检选项请求,但我找不到在确认后继续的方法 componentDidMount() { this.editor = GrapesJS.init({ 容器:“#grapeEditor”, 插件:[gjsPresetNewsletter], storageManager: { 编号:“GJS-”, 类型:“远程”, urlLoad: 'http://localhost:9999/templateEndpoint', urlStore: 'http://localhost:9999/templateEndpoint', contentTypeJson: true } }); } componen...

verdverm

你的服务器还有更多内容吗?next() 真的能到达操作员吗?你能从外部🍇(用curl或Postman)获取预期模板吗?

artf

试着检查控制台里的错误,可能你漏掉了CORS配置里的某些东西。尽量只用 'res.header('Access-Control-Allow-Origin', '*');' 顺便说一句,我关闭这条,因为它和葡萄本身无关

lock[bot]

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

#20722019年6月10日作者 fmr4111 个回答
0 个反应

节目编辑

我想问,为什么我想用“editor.getSelect()”显示rte编辑器。但存在错误“editor.getSelected (...)。view.enable 编辑不是函数“,谢谢

artf

实际上,'enableEditing' 方法被移除并改为 'onActive',但为了避免未来的更改,我建议使用这个 'editor.getSelected().trigger('active')'

#20702019年6月7日作者 adamwpe3 个回答
0 个反应

阻止样式管理器用像素单元替换 AUTO。

不太确定怎么解释,但看起来样式管理器把“AUTO”替换成了实际的单位。但如果用户更改了某个值,例如margin-top。它保存的是单位,而不是其他未修改字段中的“自动”值。这意味着div的行为出乎意料地不同。例如,画布重新大小时不再居中。 示例: 在修改顶部边距(以小屏幕居中)之前: ![图片](https://user-images.githubusercontent.com/49768920/59130742-30369b80-8968-11e9-925e-fe9c8a0ceb98.png) 在修改顶部边距(大屏幕居中)之前: ![图片](https://user-images.githubusercontent.com/49...

adamwpe

测试时我的一个设置出了问题。

danielwirz

嗨@adamwpe 我也有完全一样的问题。 你改了什么设置来解决这个问题? 谢谢,致以最诚挚的问候

AnnaSu

@adamwpe 我也有同样的问题。你是怎么解决的?

#20692019年6月6日作者 Sparragus3 个回答
0 个反应

'allowScripts: true' 仍然会删除<script>标签

大家好。感谢你创建并维护这个了不起的项目。🙏虫子描述 我有一个模块,可以插入这里指定的脚本:https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 当我把方块拖到画布时,组件确实会把脚本附加到自己身上。但是,当我重新加载页面时,脚本已经不存在了。 我见过多个问题被讨论过,似乎都通过添加 “''js const editor = Grapesjs.init({ ... allowScripts:1, }); ``` 示例: https://github.com/artf/grapesjs/issues/1123 https://github.com/ar...

dosponsor

你能给出这个问题的解决方案吗?

artf

谢谢你的报告@Sparragus 问题在于你在 Blocks 里用“脚本”函数。当编辑器尝试存储 JSON 时,结构会被序列化,但函数不可序列化,因此该组件会存储一个空的“脚本”字符串。 我知道文档里是这么说的,但我们用块只是为了展示快速示例,实际上你应该总是为带脚本的模块创建一个自定义组件。 “''js 编辑。DomComponents.addType('foo-button', { 型号:{ 默认值:{ 标签名称:“button”, 名称:“纽扣”, 内容:“按钮” 脚...

Sparragus

@artf 感谢你的澄清。干杯。

#20682019年6月6日作者 ssabrewolf3 个回答
0 个反应

GrapesJs 渐变插件不再工作了

你好,GrapesJs团队 更新Grapesjs版本14.0.59后,我发现渐变插件停止工作, 我也查看了渐变演示页面,发现这里也有同样的行为 https://codepen.io/artf/pen/bYwdQG 提前感谢大家

ssabrewolf

你好@artf我注意到你添加了“招聘”标签,我可以试试,但你能给点建议或假设吗?为什么不从零开始,不知道为什么?我当然问,因为你似乎是渐变插件的作者,如果不是,请忽略这条消息

artf

@ssabrewolf是的,我是渐变插件的作者,但说实话我完全不知道发生了什么,肯定是风格管理器模块更新后出现了回归。我能说的是,用v0.14.50运行得很好

alikabeer32

这很荒谬,但我发现如果你输入“decoration”而不是“Decoration”,插件就能正常工作!演示和我的代码里都有。

#20672019年6月6日作者 megarg3 个回答
0 个反应

无法引用自定义组件中的另一个库

你好,Artf, 我整天都在尝试这样做,但没用。我找不到任何例子,或者在搜索中也没找到解决方案。 这是我在自定义插件“components.js”中相关代码的一部分: 我遇到一个编译错误,说“Formio”没有定义为no-undef。 注意我上面提到的脚本应该定义了Formio,但不知怎么的并没有实现。不带葡萄的跟随功能正常,所以我知道外部脚本是有效的。 ''' <html> <head> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'> <link rel='stylesheet...

megarg

$ 节点 -v v10.15.3 $ NPX 节点-萨斯 -v node-sass 4.12.0(封装器)[JavaScript] libsass 3.5.4(Sass 编译器)[C/C++] 操作系统是:Windows 10

artf

如果“Formio”还没定义,你不能用它,我猜你得用下面的代码加载 “''js var script = document.createElement('script'); script.onload = initMySLider; script.src = 'https://unpkg.com/formiojs@latest/dist/formio.full.min.js'; document.body.appendChild(脚本);

megarg

你好,Artf 谢谢你的回复。基本问题是“script.onload”事件在Chrome上不会触发。我也试过“eventListener”,但它在Chrome脚本上也无法触发。它在“窗口”时触发,但对“脚本”则不触发。还有其他解决办法吗?

#20662019年6月5日作者 tsuwunrut-carecloud3 个回答
2 个反应

页数限制

我目前用 GrapesJS 作为字母/形式作曲器,到目前为止运行得非常好。不过我现在刚完成最后几个要求我正在把画布缩放到一张A4纸的大小,这样打印时,一切都和他们构建的形态一致。不过,我不确定是否有办法限制用户在页面“末尾”创建新行。我在编辑器和画布上都有高度。但这仍然无法阻止用户反复按“回车”来让纸张变大。^ 如果无法限制用户扩展文档,是否可能复制类似Word文档的行为,即编辑者不将文档扩展超过设定高度,而是创建一个新的“页面”或“纸张”

bloigge

@tsuwunrut-carecloud——你找到解决办法了吗?我也面临类似的情况。

bharatnadkarni

@tsuwunrut-carecloud@bloigge @sagarneo11你们有人找到解决办法了吗?

sagarneo11

@tsuwunrut-carecloud,如果你找到上述功能上的解决方案,请告诉我们吗?我很想在我的应用里也有同样的功能,如果你能给我建议会非常有帮助。

浏览所有主题