问题标签 [grapesjs]

在js组件中使用grapesjs

得到错误 ReferenceError：初始化之前无法访问'dtime'

我正在使用 GrapesJS，并且我制作了一个自定义块（电机）。[简单的电机块]

我想知道如何将特征管理器上的输入绑定到您在画布上电机下方看到的文本。谢谢

在这种情况下，我想用grapesjs-custom-code不同的选项使用插件 2 次。有这种可能性还是我应该创建一个新插件？

制作块并在块上显示图像但不显示。但我设置了图像 HTTPS 链接，它也显示出来。我可以在图像中添加 CSS 吗？

我们有最终用户可以管理内容的动态文本区域。该应用程序本身是一个 Angular 9，grapesJS（版本：0.17.27），以允许用户管理内容并用 CKEditor4 替换默认的grapesJS富文本编辑器，并通过grapesjs-plugin-ckeditor（版本：0.0.10）启用它）。

我们面临一个问题，我们似乎无法将工具栏固定/停靠在有意义的位置，因此它不会为用户反弹。如果您查看图片并看到 grapesJS 框架，我可以抓取 iFrame，我可以在我们创建它时抓取底部块）连同 sharedSpaces 顶部和底部，请参阅下面的代码以获取完整的编辑器工具栏实现设置

当我使用这些 id 时，底部块在技术上位于画布之外，因此 CKEditor 中的任何功能都不会真正起作用，因为每次单击它时，如果我使用默认定位，则文本会被取消选择，即删除sharedSpaces 和 toolbarLocation然后一切正常，但它显示的位置没有一致性，即文本上方或下方，有时它会在您按 Enter 并继续扩展文本块时反弹到不同的位置。

在文本区域上使用grapesjs时，是否有固定CKEditor工具栏的好方法？

GrapesJS 编辑器代码：

我还包括了我使用默认定位和 IFrame 本身时的图片。显示此文本的默认工具栏位置的 IFrame 的一部分

显示底部部分/文本/图像选择器的 IFrame 的全图 - 上面我的 sharedSpaces 中的块 id

在grapesjs中使用添加模板作为组件添加CSS但不导入CSS。还尝试了 public/index.html 文件但不工作。帮助！

我使用 Xampp 来尝试 GrapesJS，我从 github 下载了 GrapesJS，然后将资源复制到我的 HTDOCS 文件夹中，抓住我的浏览器然后点击 Localhost :) 它可以工作，像 Web Builder 之类的东西也会出现并且也可以工作，但是我怎样才能保存编辑过的网站使用 PHP ？，我使用从 GrapesJs github 找到的完整 INDEX.HTML，只将其名称更改为 INDEX.PHP 以使用 PHP，所以这是我一直在使用的代码

感谢您的帮助

我正在尝试将Splidejs集成到Grapesjs编辑器中。安装滑块时，我得到Uncaught Error: [splide] A track/list element is missing.

调试后，我意识到 Splide 没有找到正确安装所需的轨道或列表 HTML 元素。但是，它们存在于 Grapes 组件的 HTML 中。

Splide 没有找到它们的原因似乎与不同的 HTMLElement 基类型有关，导致我的元素无法识别。

下面的测试（Splide 3.6.9）返回false

在Chrome 开发工具控制台中进行调查时，乍一看__proto__评估的链看起来是正确的。instanceof然而，仔细观察表明它subject具有额外的__zone_symbol__onxxx属性。

这可以通过这两个参考来解释：

(1) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_context_e.g._frames_or_windows

instanceof和多个上下文（例如框架或窗口）

不同的作用域有不同的执行环境。这意味着它们具有不同的内置函数（不同的全局对象、不同的构造函数等）。这可能会导致意想不到的结果。例如，[] instanceof window.frames[0].Array将返回false,

(2) https://grapesjs.com/docs/modules/Components-js.html#important-caveat

请记住，所有组件脚本都在画布的 iframe 内执行（隔离，就像您的最终模板一样），因此不是当前文档的一部分。

我怀疑我的 Splide 内容被 zone.js 增强了。因此我开始在 Angular 区域之外创建 Grapes 组件

但错误仍然存​​在。

您对我如何解决此问题有任何提示吗？

• 在我的托管 Grapes.js 的组件中完全禁用 zone.js
• 修改/修复 Splide 搜索（过滤）所需 HTML 元素的方式？
• 其他建议？

实际上，每当添加图像时，我都会尝试获取编辑器的大小，以便在达到最大值时，我计划启用弹出窗口以指示用户已达到允许的限制。但除了 . getHTMLElement 我找不到任何东西来单独获得编辑器的大小。请提出解决手头问题的建议。

我正在 Grapesjs 的帮助下制作自定义网页。我想在react js中渲染html页面，该页面已由grapesjs编辑器保存在数据库中。以下是保存数据的格式。

现在我只能在检查窗口中获取 html 代码，但是如何在页面上呈现它？