GrapesJS 问题

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

找到 3,464 个问题

#23212019年10月9日作者 glassdimly2 个回答
0 个反应

拖放组件重新排序?

我在“bolt-interactive-pathway”里有几个“bolt-interactive-step”,我想将它们排序,但grapesJS拖拉器只允许我把它放进“bolt-interactive-pathway”里,然后附加到最后:无法排序。 ![ezgif-4-a2ad6c15e82c](https://user-images.githubusercontent.com/1361104/66575077-f0acd580-eb3a-11e9-9bfa-e54bf13dee20.gif) 更糟的是,这种方法实际上只有大约10%的成功率。

artf

是只在图层内,还是也在画布上?你能做一个可复现的演示吗?

no-response[bot]

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

#23202019年10月9日作者 eduardonunesp3 个回答
2 个反应

用Webpack编译后缺少字体

项目使用 webpack 编译项目以便以捆绑包形式分发,这是一种用 GrapesJS 作为编辑器的插件,一切正常,除了 GrapesJS 加载的字体缺失。当用 'webpack-dev-server' 运行时一切正常,但用 webpack 构建并尝试在简单服务器(用 dist 文件的不同文件夹)上运行时,看起来是这样: ![图片](https://user-images.githubusercontent.com/582516/66448498-185f4900-ea28-11e9-81a1-8ad11be0596e.png) 现在项目目录里有“webpack-dev-server” ![图片](https://user-imag...

pouyamiralayi

使用 [outputPath](https://webpack.js.org/loaders/file-loader/#outputpath) 选项,指定 webpack 将发送文件的输出文件夹。根据你说的:用webpack-dev-server运行时一切正常 项目加载到另一个文件夹 看起来是输出路径的问题。 抱歉如果这些信息没帮到你。

eduardonunesp

太好了,谢谢@pouyamiralayi今晚我会再检查一下outputPath。

pouyamiralayi

你试过用“file-loader”代替“url-loader”来处理“ttf”或其他字体类型吗?

#23192019年10月8日作者 glassdimly1 个回答
0 个反应

如何强制组件重新渲染?

当我用以下方法代替“pathwaysParent.render()”时,显然会形成一个无限循环: 我可以在“pathwaysParent.view.el”访问EL,但我仍在寻找一个不作弊的方式强制DOM组件重新渲染。

glassdimly

我最终对每个“移除”的对象触发了一个事件,导致它们触发了自己的更新。我用配置文件对象做过这个,但这里有我代码的更具体草稿。这些是阴影主导组件,所以“this.parent().closest('pathway')”是“<pathway></pathway>的选择器 一般来说,重新渲染不是编辑的职责。虽然我本可以满足地刷新所有内容,但无法从内部“移除”访问“编辑器”对象。

#23182019年10月8日作者 navewi暂无回答
0 个反应

:我如何翻译StyleManager属性?

你好, 我已经知道这样: 'Grapesjs.init({ // ... styleManager: { textLayer:“MyLayer”, } })` 但如果可能的话,我不想在init函数里翻译它。 对于块,例如有set()函数来翻译标签。 有没有类似的东西让样式管理器在插件文件中转换属性,而不是在初始化函数里? 谢谢! 编辑:算了,我刚找到方法,抱歉。

#23172019年10月8日作者 suchiitsme3 个回答
0 个反应

需要一个功能来整合模态形式

[功能请求] 我必须添加块,这样才能打开一个带有表单字段的模态。根据所选表单数据,我需要生成一个HTML字符串并插入到编辑器中。点击/双击组件后,Modal 应该会再次打开,显示表单详情。 我该怎么做?请帮帮我。

jcarizza

你好@suchiitsme我觉得你可以实现一个组件类型。

suchiitsme

你好@suchiitsme我觉得你可以实现一个组件类型。 谢谢。我会试试的!!

suchiitsme

嗨 我该如何将这个链接到阻挡?

#23162019年10月8日作者 kickbk3 个回答
10 个反应

自定义资产管理视图

我想创建一个自定义的资产管理模态,在 Bootstrap 模态中打开。我想保留原来的资产管理器功能(比如放置图片区域、从移除中获取图片的输入,以及我想用datatable来管理图片/资源)。此外,我还想集成Pixabay API,方便将图片输入编辑器。这可以放在另一个标签页里。参见模型。 能否提供一些通用指南,告诉我如何在我的视图中创建一个引导模态并加载资产管理器? ![mockupgrapes2](https://user-images.githubusercontent.com/31323376/66350823-1d7da480-e911-11e9-80e8-179a0f7335cc.jpg)

PriyankaPrabhu

@kickbk 你实现自定义资产管理器了吗?如果是的话,请分享代码

khoa-justuno

你可以通过覆盖默认的图片资源管理器来实现自定义模态。 当你想设置图像时,可以使用这个。

artf

我建议采用@khoa-justuno提出的同样方案 如果你需要新的模态,从零创建资产管理器UI会更容易,重复使用GrapesJS创建的DOM元素,在这种情况下维护起来会很麻烦

#23152019年10月7日作者 tom-sherman3 个回答
1 个反应

允许从 StorageManager 的 '.load' 和 '.store' 方法返回承诺

这将提供比当前基于回调的方法更现代、更简洁的 API。 拟议API: “JavaScript 编辑。StorageManager.add('simple-storage', { 加载:异步键 => { const result = await foo(keys) return JSON.parse(result) }, async store(data) { const result = waitit bar(data) 回球结果 } }); 2.切换到仅承诺的 StorageManager API 这样做的最大好处是,我们会鼓励更为最佳的实践方法,API也会简单许多。不用支持两个略有不同的 API,也有助于维护。不幸的是,这将是...

tom-sherman

谢谢你的想法!希望这周我有时间实现它

artf

Tom,这个功能请求真酷,我非常希望能有个永久授权。 我肯定会选择你的第一个方法,不破坏当前API始终是一个目标。仅仅是能添加创建异步等待的自定义存储管理器功能就太棒了。以后我们也可能更新内置的“本地”和“远程”存储,使其能够实现这种方式。 这里有一个我预期可行的示例(也要检查[存储事件](https://grapesjs.com/docs/modules/Storage.html#events)是否正常工作) “''js const asyncStorage = {};...

artf

通过新的 StorageManager 重构,这个功能可以关闭 https://github.com/artf/grapesjs/pull/4223

#23142019年10月7日作者 alimajedcme1 个回答
0 个反应

Grapesjs 无法正确处理 Outlook 特定的 HTML

大家好, 我有一个包含 Outlook 专用 HTML 的模板,如下所示: '<!--[if (gte mso 9)|(IE)]><table width=“100%” border=“0” cellpadding=“0” cellspacing=“0”><![endif]-->' 当我导入这个 HTML,并尝试在 DOM 中在这个特定位置上方或下方添加一个块时,显示组件将在画布中放置位置的绿色线条不会正确显示,且会变得比预期的要小得多,如下图所示 <img width=“1232” alt=“截图 2019-10-07 下午6点48分” src=“https://user-images.githubusercontent.com...

artf

可能需要创建一个[自定义组件](https://grapesjs.com/docs/modules/Components.html)来处理这种情况

#23132019年10月7日作者 TheComputerM3 个回答
4 个反应

脚本在动态添加到iframe<head>时无法工作

我使用的是最新版本的 grapesjs(0.15.8),并在 Electron 上的 Windows 10 x64 上运行(这不是 electron 的问题),但当我尝试动态将脚本附加到编辑器 iframe 时遇到了问题,我附上了 CodePen 的链接,想了解更多相关问题。在我的项目中,我需要动态更改脚本。脚本只有在我通过'canvas: {scripts: ['...']}'添加时才有效,不能在我'$(editor.Canvas.getDocument().head).append(“...”);' [代码笔](https://codepen.io/TheComputerM/pen/dyyyjxz?editors=0010)...

pouyamiralayi

你好!看看[这个](https://github.com/artf/grapesjs/issues/1311#issuecomment-407921633)是否能帮到你: 干杯!

TheComputerM

非常感谢,修复方法有效,但为什么 jQuery 不行?

TheComputerM

好的,非常感谢。

#23122019年10月6日作者 DamodarSojka2 个回答
1 个反应

对面板按钮的更多控制,动态面板按钮

你好, 我正在尝试为面板实现几个更多的动态按钮,比如一个保存按钮,根据某个标志会显示动画加载旋转器、保存图标或“已保存”文本。为了实现这一点,我需要能够动态设置内容,可能还要使用图标和文字。 我在想有没有比移除按钮再加回来更好的方法(我猜按钮的顺序会改变,实际上需要添加和移除一整套按钮才能保持顺序不变),或者用DOM操作来更改内容。 提前感谢大家

DamodarSojka

感谢你这么快的回复,之前不知道标签属性,因为文档里好像没提到。

artf

你可以通过这种方式更改属性和内容 “''js const prevBtn = editor.Panels.getButton(“options”, “preview”); prevBtn.set({ 属性:{title:“新标题”}, 标签:“新内容” }) ``` 如果有更具体的,可以直接操作DOM

浏览所有主题