问题标签 [grapesjs]

我正在构建一个 Grapesjs 插件，并向按钮组件添加了一个“jscript”特征，该组件显示为代码镜像文本区域。这个想法是让用户能够编辑一些与按钮相关联的 JavaScript 代码。我似乎无法拦截 codemirror 区域的change事件，至少，不是正确的 codemirror 特定版本。

onEvent令人高兴的是，当我编辑代码镜像区域并更改焦点时，一个常规的“更改”事件会触发我插件中的Grapejs处理程序editor.TraitManager.addType('jcodemirror-editor', {}- 很好。然后我可以将 codemirror 区域的内容存储到特征中。

但是，如果我们在代码镜像区域粘贴、退格或删除等，则永远不会发出常规的“更改”事件！

因此，我试图拦截更深层次的代码镜像特定“更改”事件，该事件通常通过拦截cm.on("change", function (cm, changeObj) {}并且更可靠地触发（不幸的是每次击键时也是如此）。如何连接此 codemirror 特定事件以触发通常的onEvent({ elInput, component, event }) {}代码？

我的https://jsfiddle.net/tcab/1rh7mn5b/中有一个解决方法，但想知道执行此操作的正确方法。

我的插件：

我使用 Grapesjs，我的页面上有“关于我们”的块。我想用 Grapesjs 使这个块可编辑。所以有带有照片和描述的容器和子项目。我的理解是：Grapesjs 块应该代表容器，Grapes 组件应该代表单个子卡。然后我想把子项目阻止。

下面是容器和子元素的html结构：

我认为这应该是 Grapesjs 块（容器）的 html：

我认为这应该是Grapesjs组件html（子卡）：

这是JS代码：

这是屏幕截图：

所以我想首先将“关于我们”容器放到画布上，然后用“关于我们”项目填充容器。

这是最后一个问题：

我希望.about-itm将项目放在.about-linediv 内，但它们出现在里面.title-sect

感谢所有可以帮助和澄清这一刻的人！

我已经为.about-linediv 添加了填充，所以现在很容易将 chilt 放在正确的位置：

但我希望只有在.about-linediv 内才能放置项目。

我使用 Grapesjs 编辑器。现在我只知道一种存储内容的方法。

情况如下：

我有 Grapesjs 块“关于我们”，我用子卡组件填充。然后我得到内容，editor.getHtml()我可能会得到这样的东西：

这我可以保存到数据库，然后在前端显示。但我不想存储无用的 html。这里可编辑的项目应该是.title-sect、.about-itm-name和.about-itm-bries图像数据。我想只存储 json 数据，然后用正确的 html 在前端显示它，因为 html 是一样的，我知道..

有这样的解决方案吗？

我已经将grapesjs 与React 集成在一起。现在我想将默认选择器管理器状态名称更改为“默认”。我在选择器管理器中添加了一个状态，例如

在设置编辑器中。如何将“-States-”更改为“默认”标签

我正在尝试使用grapes Js 来编辑HTML（即字体大小、颜色等）。我正在将 HTML 和 CSS 动态加载到葡萄 Js 中。

但我想知道有没有一种方法可以在没有葡萄 js 画布的情况下直接在该 HTML 中编辑字体大小的功能？

请找到我用来将 HTML 的 html 和 css 加载到葡萄 JS 中的以下代码

有人可以帮我弄清楚在没有葡萄JS Canvas的情况下直接在网页内加载grapesjS文本编辑器吗？

我们计划将 ExtJS 与 GrapesJS 一起使用。

是否可以为 ExtJS 编写 GrapesJS 包装器？

我最关心的是事件处理（ExtJS 定义了自己的实现）。

我正在尝试让GrapesJS与 Vue 一起工作，并通过设置我在显示未预期的内容时遇到了一些问题。我在下面包含了一个屏幕截图。

问题是有多个文本输入，它们周围有按钮，预计不会出现。

我无法通过注释掉或删除代码来隔离问题，它显示任何时候我添加了第二步开始添加但我不确定。

这是我正在关注的指南，链接指向我开始看到问题的部分 -链接

这是我App.vue文件中的代码，我已经排除了样式，因为我认为这对这个问题并不重要。至少评论它没有任何区别。

我的问题是如何让这些添加的文本输入消失并在底部显示正确的框，如指南所示？

我应该注意我正在使用 Vue 2，因为 Vue 3 是我仍然需要学习的东西，所以为了更快地完成这个测试项目，我正在尝试在 Vue 2 中完成它。

我想在grapejs中使用数据类型向设置组件添加一个字段。需要知道我应该使用哪个文件来编辑设置代码。有人可以帮我解决这个问题。

谢谢，VK

我正在扩展葡萄 js 的链接组件，但即使在给出之后

我不能调整它的大小，也不能在里面放任何东西。图书馆里还有什么我需要改变的吗？

我的组件代码是-

我收到此错误：

“javascript 错误：输入意外结束。”