GrapesJS 问题

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

找到 3,464 个问题

#14662018年9月27日作者 sfkazmi3 个回答
0 个反应

编辑已保存的html编辑器.set组件滑块加载问题

我正在做一个项目,集成了 grapesJs 让用户构建模板,保存到数据库中,并编辑这些已保存的模板。 我最近添加了滑块插件,现在用户可以创建模板,但编辑时会引发JavaScript问题, 我用 editor.setComponents 编辑用户模板,并在 editor.setComponent('<saved html>')和 editor.setStyle('<saved style>')中添加已保存的 html, 现在,当保存的HTML中有某种JavaScript,比如滑块JavaScript,并且当JavaScript出现撇号(')时,它会破坏脚本并抛出异常, 我可以手动传递这些HTML和CSS在<div id=“gjs”中...

sfkazmi

我找到了解决办法,我直接把HTML和CSS内容传到了<div>。

sfkazmi

我遇到了一个新问题,当我把CSS传递<div>去渲染和HTML时,我会更改样式并用editor.getCss()获得;它会得到我传递到style tag里<div>的旧样式

artf

请阅读:https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

#14652018年9月27日作者 Deepak8132 个回答
0 个反应

如何创建自定义撤销管理器

你好,@artf, 我们如何创建一个自定义的撤销管理器,点击按钮。所有更改都需要在撤销管理器中添加,然后我们才能恢复到原来的状态。 由于某些元素的变更,某些CSS无法正常工作。 比如点击一个按钮时,我已经移除了它的类别,所以点击撤销按钮时,该部分的类别没有添加或无法使用。 你能帮帮我吗? 希望能收到积极的回应。 谢谢你

artf

没有内置的方法可以添加自定义撤销管理器,但你确实可以通过打开一些PR来提升默认的集成

lock[bot]

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

#14642018年9月27日作者 sureshDurai1232 个回答
0 个反应

定制组件位置

首先,感谢大家提供这个超棒的图书馆, 我有一个澄清问题,就是如果我把文本字段拖到Canvas里,它会看起来像这样——(见参考图片1) 并且想要通过简单地从左拖到右或从右到左来自定义文本的位置。在参考图2中,你会看到文本的位置是正确的,大多数方法是用列来实现的。与其使用列,我如何自定义文本字段的位置(垂直或水平)?只需拖曳它(在画布上移动)即可。 提前感谢大家。 ![ss1](https://user-images.githubusercontent.com/35071500/46142259-0921b900-c274-11e8-9752-564aa8dcf922.png) ![ss2](https://user-images.g...

artf

“设计师模式”尚未开放,但计划在路线图(#74)中

lock[bot]

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

#14632018年9月27日作者 Abhisheknanda13444632 个回答
0 个反应

如何禁用 GJS-Hoverable 类从元素中

你好@artf 我正在使用你的样板插件,想禁用所有元素中的悬浮属性,正如悬停时黄色区域下方的截图所示 我试过这么做 ' const updateAll = model => { model.set({hoverable:false}); model.get('components').each(model => updateAll(model)); } 更新All(编辑)。DomComponents.getWrapper()); ` 它只能阻止可悬浮的属性,只针对包裹器。 你能告诉我如何让所有元素都停止这种属性吗? 谢谢 ![截图 2018-09-27 上午11:35 31](https://user-images.githubu...

artf

@Abhisheknanda1344463如果你看到“黄色区域”,可能是因为你配置中用了“showOffsets: true”(默认是“false”)

lock[bot]

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

#14622018年9月27日作者 aerionTech3 个回答
0 个反应

上传图片错误

我们已经把 GrapesJs 集成进了我们的 Angular 应用。 我们让资产管理器显示已上传的图片列表。起初没有图片,拖动图片后上传时,资产管理器显示的是正确的图片。 上传图片时,我们返回的对象数据属性中只有一张图片,因此这张图片会附加到已有的图片上。初始化时,我们返回的是现有图像中的对象。 问题存在于上传的图片中,编辑器中显示的是“缺失图片”的图片,但上传后并没有显示。我唯一能让上传的图片显示的方法是双击 通过资产管理器选择图片。 我附上了一个视频,展示了当前的问题及其工作原理。 编辑器中创建的 img 标签没有 src 属性,例如: <img data-gjs-type=“image” alt=“name-of-image...

artf

你应该输出到你的上传端点:https://grapesjs.com/docs/modules/Assets.html#response 例如, “''js { 数据: [{src: '.../image.png'}] } ```

aerionTech

你好,这样有效,文档里你可能想更新文档,去掉数组的第一行,只用对象版本来表示返回数据。 { 数据:[ 'https://.../image.png', // ... { SRC: 'https://.../image2.png', 类型:“图像”, 身高:100, 宽度:200, }, // ... ] }

artf

@aerionTech对,但我打算更新上传函数,让它也能理解字符串项

#14612018年9月26日作者 billyhorler1 个回答
0 个反应

我该如何安装

你好,我正在尝试在电脑上安装这个,然后打开PowerShell并安装,这样我就能访问localhost官网,但我无法访问localhost8080,因为它显示无效

lock[bot]

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

#14602018年9月26日作者 YashPrince2 个回答
1 个反应

隐藏特性元素

我如何在为组件创建特性时隐藏一个特性元素? 有没有类似 display:none 或 hidden:1 的办法?我该如何展示或隐藏任何特征,任何帮助都将不胜感激。

artf

你可以传递类似这样的“attributes: {style: 'display: none'}'

lock[bot]

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

#14592018年9月25日作者 gabrigcl2 个回答
1 个反应

如何将“data-”属性存储到组件的html标签中

你好,我正在开发一个用chart.js做图表的插件。为了让生成的模板从插件生成的数据模型渲染图表,我需要将这个模型存储到组件的 html 标签中。图表所用的模型如下: “JavaScript { “类型”:“行” “数据”:{ “标签”:“Rótulo 1”、“Rótulo 2”、“Rótulo 3”、“Rótulo 4”, “数据集”: [{ “标签”:“数据集1”, “数据”:[3, 9, 8, 2], “backgroundColor”:“rgba(252,111,116, 0.7)”, “borderColor”:“rgba(35,100,224, 0.7)”, “borderWidth”: 2, “showLine”:...

gabrigcl

我见过有 “JavaScript component.setAttributes({ id: 'test', 'data-key': 'value' }); ``` 方法,我会测试并关闭这个问题。

lock[bot]

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

#14582018年9月25日作者 mrajeshkrossark3 个回答
0 个反应

在 grapesjs 编辑器中嵌入了 Jquery 事件,但无法如预期工作。

@artf,我尝试把模板嵌入到grapesjs编辑器里。我遇到的问题是编辑器在那个模板下没有按预期工作。 注意:我用 react 应用来封装 grapesjs 编辑器。 最初编辑器嵌入了我的模板,看起来就像下面的图片 ![无题](https://user-images.githubusercontent.com/22819712/46062687-2f6a2a80-c188-11e8-9de1-3714af7a08b0.png) 我用了视差效果作为模板。问题是当我第一次点击导航栏时,它的反应不同,导致在现有编辑器中加载了另一个编辑器。 ![无题](https://user-images.githubusercontent.com/...

artf

请制作一个本期的现场演示

no-response[bot]

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

lock[bot]

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

#14572018年9月25日作者 Stejsi2 个回答
2 个反应

:风格管理器中的自定义资产管理器背景图片

你好, 我想使用自定义资产管理器 我习惯了这个解决方案, ` var 资产目标 =''; 编辑。Commands.add('open-assets', { run(editor, sender, opts = {}) { const modal = 编辑器。模态; const styleManager = editor.styleManager; 资产目标 = opts.target; modal.setTitle(“添加新图像”); var $test = $(“<iframe style='宽度:100%;height: calc(100VH - 60px);' src='http://192.168.0.227:45678/...

artf

@Stejsi在“opts”里有“onSelect”回调,应该能在样式管理器里更新内容。不幸的是,它只接受资产(对象)作为参数(抱歉,我会让它也理解字符串),所以目前你只能这样做 “''js const fakeAsset = { get: () =>路径 }; opts.onSelect(fakeAsset); ```

lock[bot]

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

浏览所有主题