GrapesJS 问题

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

找到 3,464 个问题

#15832018年11月15日作者 sambarnes902 个回答
1 个反应

动态修改 urlStore 和 urlLoad。

大家好 到目前为止我很喜欢Grapesjs——感谢你为它付出的所有努力。 我正在尝试为整页模板设置存储,这些模板将通过 mongoose 写入 MongoDB。GrapesJS 版本:0.14.40操作系统:Ubuntu 17.10 看了 HTTP 响应,我似乎能正常存储和接收它们。 我的Express服务器路由长这样: 我的想法是,我可以在 /store/my-template-name 发帖,创建一个名为“my-template-name”的新模板。 我最初的想法是尝试更新storageManager对象中的urlStore和urlLoad变量,目前看起来是这样的: 使用某种函数: 不过——我肯定我漏掉了什么窍门,因为它目前并...

sambarnes90

好了,我遗漏了什么以供以后参考。 我设置的“新”商店网址在这里是错误的: 这其实并没有正确设置变量。 我需要在 StorageManager 上用 '.get()' 方法获取我正在处理的存储,然后在 StorageManager 用 '.set()' 来修改这些值:

lock[bot]

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

#15812018年11月14日作者 FjStudioDev2 个回答
0 个反应

AssetManager未显示上传的图片

大家好, 我用的是 grapesjs - 0.14.33。 我已经成功实现了远程模式下的StorageManager,可以加载和存储数据。 我已经成功实现了AssetManager,可以加载和上传图片。 我不明白为什么资产正确上传时不会在资产弹窗(选择图片)中显示 我看过文档和问题,但我不太理解。 我尝试过多种输出类型:[数据:{....}]。 我漏了步骤? 这是我的配置文件: 'var images = []; <?php $images = $this->template()->getTemplateImages($this->params()->fromRoute('id'));?> <?php if(isarray($im...

FjStudioDev

找到了解决办法,遵循这个 [#372](https://github.com/artf/grapesjs/issues/372)

lock[bot]

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

#15802018年11月14日作者 maxeckel2 个回答
0 个反应

在RTE中添加自定义按钮

大家好, 我目前正试图摆脱CKeditor(它曾在一个遗留应用中用于创建电子邮件和微型网站)。这其实效果很好,但我需要在文本中插入占位符/标签/合并字段,随你怎么叫(比如 [[salutation]] [[firstname]] 等)。 起初我看了 grapesjs 的资源,了解如何在 rte 中添加自定义元素,并在代码注释中找到了一个示例。API文档中的同样示例: 但即使是这个例子也不成立。它只显示RTE工具栏中的一个空按钮: ![空选](https://user-images.githubusercontent.com/4929928/48477996-5695bd80-e803-11e8-8856-cd092f64eab3....

maxeckel

算了 🤦 ♂️ 我找到了问题,我以为本地开发环境会用 grapesjs 版本(14.40)通过 npm 安装,但它加载的是 unpkg 里的旧版本(10.7)......这就是问题的根源。 我希望这至少能帮助遇到类似情况的人...... 这是我使用的最终代码: 这样会在光标位置插入所选选项的值,同时显示不可选择的选项为“标题”,而且选中占位符后会将选中的值重置为默认值,这样之前选中的选项就不会显示(因为我只想插入占位符,不想让它成为下拉菜单的“标题”)

lock[bot]

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

#15792018年11月14日作者 YashPrince3 个回答
0 个反应

边境颜色问题

@artf 如果你在编辑器上拖动按钮,把像 rgb(255, 0, 0) 这样的颜色粘贴到边框颜色里,然后在编辑器里选择其他元素而不更改任何属性,然后重新放置按钮,那么边框颜色就会变为 RGB(255),如果我们更改了边框的任何属性,CSS 就会崩溃。请检查并修复。如果有快速解决办法,请提供。提前感谢大家。 ![葡萄](https://user-images.githubusercontent.com/40828744/48477887-c23e5180-e828-11e8-9a94-cc786f1ff57c.png) ![葡萄错误](https://user-images.githubusercontent.com/408287...

loganvolkers

我可以在[演示网站](https://grapesjs.com/demo.html)上复现这一点。 复制粘贴可能会触发这个错误,但看起来这和复制粘贴无关,完全是空白问题。 有效的价值观:'RGB(255,0,0)''RGB(255,0,0) ' 不起作用的数值:'RGB(255,0,0 ) '变换为 'RGB(255,0,0''RGB(255,0, 0)' 变换为 'RGB(255,0,''RGB(255,0, 0)' 变换为 'RGB(255,0''RGB(255, 0,...

artf

一切都与空白有关 没错,这只是对组合型的[解析不当](https://github.com/artf/grapesjs/blob/dev/src/style_manager/view/PropertyCompositeView.js#L114)。 我们应该用空格拆分值(例如“1px solid rgba(255, 0, 0, 0)”),或者更好的是“propertyModel.get('分隔符'),但要注意函数

lock[bot]

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

#15782018年11月14日作者 mathiasbc3 个回答
3 个反应

关于“src”属性的自定义请求

我实现了一个小型的GrapesJS编辑器,可以编辑Django/Jinja2模板。GrapesJS 默认尝试获取我元素的图片预览: <a href=“{{producturl}}” target=“blank”><img src=“{{imageurl}}” width=“130”/></a> 每次我将模板加载到 GrapesJS 编辑器时,都会出现这个请求: “http://localhost:8000/%7B%7Bimageurl%7D%7D 404(未找到)” 不过GrapesJS编辑器即使调用了404,也没问题。但我还是想处理图片的请求。所以,与其让 GrapesJS 默认调用 'http://localhost:8000...

artf

你好,@mathiasbc使用最新的 https://github.com/artf/grapesjs/releases/tag/v0.14.43 应该能用类似这样的东西 “''js editor.on('component:mount', model => { 如果 (model.is('像'))) { if (model.get('src') == '{{image_url}}') { model.getEl().src = “http://via.placeholde...

artf

你好,Mathias,目前我看到的唯一可能性是扩展“image”组件及其“render()”方法。我可能会添加一些新的组件事件,让这种情况更容易管理

lock[bot]

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

#15772018年11月14日作者 emilsedgh3 个回答
1 个反应

内联CSS注释导致代码管理器失效

显然,这段HTML和CSS是有效的: '<div style=“color: red; / height 200px; /; font-weight: blan;”>' (因此才有注释的height属性) Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属性存储方式如下: ![screenshot20181113165603](https://user-images.githubusercontent.com/120439/48452681-0405c400-e765-11e8-83a6-0d4c46a2cd09.png) 最大的问题是 CssGenerator 的“buildFromObject” 把 '/...

emilsedgh

好了,我终于又复现了这个。重新开业时,[更好的小提琴](https://jsfiddle.net/nshc9wak/1)。 gjs 内部的代码是 '''html <p style=“/ 颜色:#ffffff; /”></p> <span style=“color: red;”>Bar</span> bug是“/* color:#ffffff;”没有关闭评论标签。因此,它会渲染之后的任何 CSS。 抱歉回复晚了。

artf

嗨,Emil,我试过这个 https://jsfiddle.net/37n5691f/ 但没看到问题

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

#15762018年11月13日作者 crypto-dump3 个回答
1 个反应

选择包含多个方块作为一个单元的元素。

我创建了新的块(比如表单或对话框等),里面有几个块,比如搜索框、按钮、文本字段等...... 这个元素不需要编辑。我只是想把整个区块作为一个整体选择。 谢谢。

artf

你可能想用“propagate”来将组件的指定属性注入到其子节点 “''js bm.add('your-block', { 标签:“哈哈”, // ... 内容:<div> <div data-gjs-selectable=“false” data-gjs-hoverable=“false” data-gjs-propagate='[“selectable”, “hoverable”]'> <div>文本1</div> <div>文本2</div> <div>文本3</di...

crypto-dump

谢谢。这正是我想做的。

lock[bot]

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

#15752018年11月13日作者 nojacko1 个回答
0 个反应

错误的模型通过了“component:styleUpdate”事件

“component:styleUpdate”事件中的模型与“component:selected”事件中的模型不同。我本以为点击组件后更改样式时,它们应该是一样的。https://jsfiddle.net/szLp8h4n/355/打开控制台。选择“hello world”文本注意控制台输出 ![截图 2018-11-13 13 04 00](https://user-images.githubusercontent.com/1667141/48415507-71a1f800-e745-11e8-94a7-31eb2107c166.png)更换字体注意控制台输出与选中组件时不同。 ![截图 2018-11-13 13 13 04...

lock[bot]

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

#15742018年11月13日作者 ThomasLaigneau2 个回答
0 个反应

问题,阻止文件中的内容

你好,这其实不算问题,更像是个问题。我目前在我的GrapesJS编辑器中使用自定义方块。我是这样创建它们的: “''js 编辑。BlockManager.add('block-title', { label: '<div class=“gjs-fonts gjs-f-b1 gjs-one-bg gjs-four-color-h”><div class=“gjs-block-label”>Bloc Titre</div></div>', 内容: '<style> .mdctitle { 高度:500像素; 宽度:100大瓦; 位置:亲属; 左边距:-50 vw; 左:50%; } .mdctitle h1 { 颜色:#fff; 背景...

artf

没有@ThomasLaigneau你必须自己管理,比如说, “''js 去('../myblock.html') .then(res => res.text()) .then(html => { 编辑。BlockManager.add... }) ```

lock[bot]

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

浏览所有主题