问题标签 [grapesjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
799 浏览

javascript - 如何在 Grapesjs 中添加 iframe?

我尝试了一些插件,但无法跟进。基本上我想要iframe添加和预览播客和其他东西。

有没有像grapesjs 附带的youtube 块这样的iframe 块?

0 投票
2 回答
774 浏览

javascript - 如何禁用样式编辑器

我正在尝试使用带有网页插件的葡萄 js页面构建器。

问题是我无法找到完全禁用他们拥有的样式编辑器的方法(当您单击元素时我设法不自动选择样式管理器)但我想完全删除用户编辑的选项现有样式。

基本上,用户必须只能拖动现有块并编辑其中的文本,而不能以任何方式设置它们的样式。

0 投票
0 回答
1911 浏览

javascript - GrapesJS 中的问题 - 资产管理器处理

我现在正在grapesJS我们的应用程序中实现。我已经浏览了提供的文件和报告的有关资产管理器的一些问题Github,等等。在硬刷新列表消失后,我无法在资产管理器中显示上传的图像列表。

我尝试将文件上传到AmazonS3,上传正常,我得到了它的响应,它也显示在列表中。CORS在这种情况下,由于该问题,我无法编辑图像。

后来,我尝试了base64 encoded图像。使用这种方法,我能够编辑上传的图像。在图像列表中也得到了它。正如我之前所说,图像列表仅在硬刷新之前可用。我认为它来自缓存。

我对一些代码有疑问,你能帮我解决吗?

这是assetManager部分代码:

我有疑问:

  • upload : siteURL+'assets/CONTENT/img',这个图片上传路径还是上传图片的函数?

  • 如果我正在使用AmazonS3,我能否获得带有CORS问题的编辑选项?

  • 如何在 Asset Manager 中显示上传的图像而不会在以后消失?

0 投票
1 回答
316 浏览

angular - GrapesJS not displayed properly

I tried to integrate GrapesJS into my angular page, but it's not displayed correctly. I tried some other workarounds from here and from other pages but any of them helped me with my problem.

I think its better to watch it instead of describe the look:

https://stackblitz.com/edit/angular-ivy-ew53kw

Maybe someone has a solution for this already

Thanks to all

0 投票
1 回答
2547 浏览

jquery - 集成在 GrapesJS 编辑器中的内联 CKeditor

我正在一个实现了 GrapesJS 的编辑器应用程序中工作。它的编辑器和功能运行良好。我已将内联 CKeditor 集成到 GrapesJS 编辑器中,并且几乎没有问题。

  1. 显示了多个内联编辑选项
  2. 有时编辑器选项定位不正确
  3. 主要问题:显示内联选项,但未反映在所选文本中。我的意思是我们可以单击这些内联选项来格式化编辑器内容,但它不会反映在编辑器中。

在这里,我分享一些编写的代码:

这是JSFiddle,您可以在其中检查工作和代码。

版本:

葡萄 - 0.16.18

ckeditor - 标准 - 4.14.1

预期的行为是什么?

从内联 CKeditor 选项应用内联格式选项时,它应该反映在选定的文本中。

详细描述错误:

我已将 CKeditor 集成到 grapesJS 编辑器中以进行内联编辑。目前,当我选择文本对其进行格式化时,内联 CKeditor 选项与其他几个选项一起显示在黑色工具栏中。我对此感到困惑。主要问题是,即使我使用任何内联格式选项,格式也不会反映在所选文本中。无法通过 CKeditor 内联选项执行任何操作,例如文本格式、列表、图像上传、链接等。

当前的行为是什么?

主要问题是即使我使用任何内联选项,格式也不会反映在所选文本中。无法通过 CKeditor 内联选项执行任何操作,例如文本格式、列表、图像上传、链接等。

在此处输入图像描述

0 投票
2 回答
801 浏览

javascript - React 中的 Grape JS:显示字符的默认块,例如 W、Q、E、R 而不是图标

我在我的项目中使用 Grapes JS 通讯编辑器。

我在块部分面临的一个问题。

默认情况下,我将使用 Q、W、E、R 等字母字符代替图标。

在这里你可以检查右侧的块

https://grapesjs-react.thanhtunguet.info/?path=/story/editor--newslettereditor

需要一个=> https://grapesjs.com/demo-newsletter-editor.html

是否有任何默认设置更改,以便我可以默认获取图标?如果没有,那么我该如何将字母图标修改为自定义图标

0 投票
1 回答
258 浏览

javascript - 如何在grapesjs中添加多个页面?

我想在grapesjs框架中包含多个页面。

0 投票
1 回答
492 浏览

html - 内联 CKEditor 在某些 HTML 标记中不起作用

CKEditor Inline standard-all 版本仅适用于少数 HTML 标签行<div>, <p>, <h1>- <h6>strong此内联编辑器不会针对, i,span等元素弹出。

我在grapesJS 编辑器中使用这个内联编辑器。

这是JSFiddle,您可以在其中检查工作和代码。

版本:

葡萄 - 0.16.18

ckeditor -标准全部 - 4.14.1

我们能否通过使用format_tags: "span;strong". 有没有其他方法可以解决这个问题。如果有请告诉我。

0 投票
0 回答
783 浏览

javascript - 如何使 bootstrap 4 carousel 与grapesjs 一起工作?

我已经成功地用grapesjs构建了一个小的拖放构建器。效果很好。我面临的问题是在构建器内拖动引导轮播时。轮播在常规页面上按预期工作。但是在框架内时,只显示第一张图像,我无法使用控件从一个图像切换到另一个图像。我已经研究了Lory 插件,但我希望能够使用引导程序来做到这一点。任何可以提供帮助的grapesjs专家?

在 Codepen 上查看我的构建器: https ://codepen.io/hellomev/pen/RwRaNpZ

重现:打开块。然后将其中一个旋转木马拖放到构建器中。

葡萄

0 投票
1 回答
1149 浏览

asp.net-mvc - 如何将使用 GrapeJS 组装的页面保存到使用 ASP.NET MVC 的数据库中

好吧,我正在使用 ASP.NET MVC 开发自己的内容管理系统,而对于页面构建器,我决定使用 GrapeJS。现在,由于这对我来说是新的,我似乎无法找到一种方法来保存我使用 GrapeJS 组装的页面。我使用了gjs-preset-webpageGrapeJS 插件,我拥有的组装区唯一的 JavaScript 如下所示:

我使用的 HTML 也如下:

现在我已经将它嵌入到我的项目中并且可以使用它来组装页面,我似乎无法找到如何保存或将组装的页面保存在哪里。谁能帮我?