问题标签 [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.
javascript - 如何在 Grapesjs 中添加 iframe?
我尝试了一些插件,但无法跟进。基本上我想要iframe
添加和预览播客和其他东西。
有没有像grapesjs 附带的youtube 块这样的iframe 块?
javascript - GrapesJS 中的问题 - 资产管理器处理
我现在正在grapesJS
我们的应用程序中实现。我已经浏览了提供的文件和报告的有关资产管理器的一些问题Github
,等等。在硬刷新列表消失后,我无法在资产管理器中显示上传的图像列表。
我尝试将文件上传到AmazonS3
,上传正常,我得到了它的响应,它也显示在列表中。CORS
在这种情况下,由于该问题,我无法编辑图像。
后来,我尝试了base64 encoded
图像。使用这种方法,我能够编辑上传的图像。在图像列表中也得到了它。正如我之前所说,图像列表仅在硬刷新之前可用。我认为它来自缓存。
我对一些代码有疑问,你能帮我解决吗?
这是assetManager
部分代码:
我有疑问:
upload : siteURL+'assets/CONTENT/img'
,这个图片上传路径还是上传图片的函数?如果我正在使用
AmazonS3
,我能否获得带有CORS
问题的编辑选项?如何在 Asset Manager 中显示上传的图像而不会在以后消失?
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
jquery - 集成在 GrapesJS 编辑器中的内联 CKeditor
我正在一个实现了 GrapesJS 的编辑器应用程序中工作。它的编辑器和功能运行良好。我已将内联 CKeditor 集成到 GrapesJS 编辑器中,并且几乎没有问题。
- 显示了多个内联编辑选项
- 有时编辑器选项定位不正确
- 主要问题:显示内联选项,但未反映在所选文本中。我的意思是我们可以单击这些内联选项来格式化编辑器内容,但它不会反映在编辑器中。
在这里,我分享一些编写的代码:
这是JSFiddle,您可以在其中检查工作和代码。
版本:
葡萄 - 0.16.18
ckeditor - 标准 - 4.14.1
预期的行为是什么?
从内联 CKeditor 选项应用内联格式选项时,它应该反映在选定的文本中。
详细描述错误:
我已将 CKeditor 集成到 grapesJS 编辑器中以进行内联编辑。目前,当我选择文本对其进行格式化时,内联 CKeditor 选项与其他几个选项一起显示在黑色工具栏中。我对此感到困惑。主要问题是,即使我使用任何内联格式选项,格式也不会反映在所选文本中。无法通过 CKeditor 内联选项执行任何操作,例如文本格式、列表、图像上传、链接等。
当前的行为是什么?
主要问题是即使我使用任何内联选项,格式也不会反映在所选文本中。无法通过 CKeditor 内联选项执行任何操作,例如文本格式、列表、图像上传、链接等。
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
是否有任何默认设置更改,以便我可以默认获取图标?如果没有,那么我该如何将字母图标修改为自定义图标
javascript - 如何在grapesjs中添加多个页面?
我想在grapesjs框架中包含多个页面。
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"
. 有没有其他方法可以解决这个问题。如果有请告诉我。
javascript - 如何使 bootstrap 4 carousel 与grapesjs 一起工作?
我已经成功地用grapesjs构建了一个小的拖放构建器。效果很好。我面临的问题是在构建器内拖动引导轮播时。轮播在常规页面上按预期工作。但是在框架内时,只显示第一张图像,我无法使用控件从一个图像切换到另一个图像。我已经研究了Lory 插件,但我希望能够使用引导程序来做到这一点。任何可以提供帮助的grapesjs专家?
在 Codepen 上查看我的构建器: https ://codepen.io/hellomev/pen/RwRaNpZ
重现:打开块。然后将其中一个旋转木马拖放到构建器中。
葡萄
asp.net-mvc - 如何将使用 GrapeJS 组装的页面保存到使用 ASP.NET MVC 的数据库中
好吧,我正在使用 ASP.NET MVC 开发自己的内容管理系统,而对于页面构建器,我决定使用 GrapeJS。现在,由于这对我来说是新的,我似乎无法找到一种方法来保存我使用 GrapeJS 组装的页面。我使用了gjs-preset-webpage
GrapeJS 插件,我拥有的组装区唯一的 JavaScript 如下所示:
我使用的 HTML 也如下:
现在我已经将它嵌入到我的项目中并且可以使用它来组装页面,我似乎无法找到如何保存或将组装的页面保存在哪里。谁能帮我?