GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#17722019年2月4日作者 itsallrelative2 个回答

0 个反应

已过时

无法读取未定义属性“indexOf”。

你好，我正在启动一个新的 grapeJS 实例，立刻一切都崩溃了，并出现以下错误：无法读取未定义的属性“indexOf”，位置为grapes.js：6477 我的代码长这样： '''html <link href=“//unpkg.com/grapesjs/dist/css/grapes.min.css” /> <script src=“//unpkg.com/grapesjs”></script> <div id=“gjs”> <h1>你好，世界组件！</h1> </div> <div id=“blocks”></div> <script> $（document）.ready（function （） { Grapesjs.i...

artf

尝试禁用（然后可能清理）存储，同时传递 'storageManager： {type： null}' https://jsfiddle.net/h204La5o/

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17712019年1月31日作者 Soharab-Shaikh2 个回答

1 个反应

已过时

特性类型：按钮不工作

嗨，@artf 当我尝试使用按键类特性时，它不会触发任何功能。你能帮我一下吗？你能分享一个新的特质类型创建示例吗，比如“按钮”，而不是“内容”那个。 '特质：[ { 类型：“按钮”，标签：“提交”，名称：“blogsubmit”，变革提案：1 } ] .... init（） { this.listenTo（this， 'change：blogsubmit'， this.changeFilter）; } .....` 对于新特质类型的创建，我正在尝试编辑。TraitManager.addType（'button'， { 事件：{ 'keyup' ： 'onChange' // 这部分我们应该用什么？ }, getInput...

artf

你好，@Soharab-Shaikh，你必须通过 command 选项（点击时会执行）：

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17702019年1月31日作者 a-bashtannik3 个回答

2 个反应

已过时

如果在主题主体中指定了自定义标签的组件，则不会被渲染

你好我做了一个非常简单的 GrapesJS 编辑器骨架。 HTML模板： JavaScript：装载结果： ![图片]（https://user-images.githubusercontent.com/2712350/52058564-6609e480-2570-11e9-94f8-d7a4425837ad.png）如你所见，分量没有被渲染。但如果我手动放块，一切正常： ![图片]（https://user-images.githubusercontent.com/2712350/52058679-a10c1800-2570-11e9-9d46-dcee38db9e66.png）如果我更改模板并将 data-gjs-t...

artf

有两个问题：你忘了指定“isComponent”（解析过程中使用） “''js comps.addType（'test-component-type'， { isComponent： el => el.tagName === 'TEST-TAG'，浏览量：{ 使用 onRender 钩子代替 Render onRender（） { const el = document.createElement（“h1”）; el.innerText = 'TEST-COMPONENT...

a-bashtannik

@artf，谢谢你的回答，但我也也尝试了定义“isComponent”的构造，但结果相同。随便吧，我是通过你说的插件实现的这个功能。不知道为什么新组件类型不行，如果能弄明白我会用PR箱子。

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17692019年1月31日作者 hemanthmc2 个回答

0 个反应

已过时

在 ReactJs 中集成 GrapesJs-plugin-ckeditor 时出现错误

我正在将 GrapesJs 集成到 React 应用中。我用的是 npm 包 “ckeditor”： “^4.11.2”， “grapesjs-plugin-ckeditor”： “0.0.9” 'import React from 'react'; 从 “react-redux” 导入 { connect }; 从 'grapesjs' 导入 GrapesJS; 从 'ckeditor' 导入 CKEDITOR; 从 'grapesjs-plugin-ckeditor' 导入 gjsCkEditor; class gEditor extends React.Component { . . . var editor = Grape...

artf

https://github.com/artf/grapesjs/issues/1764#issuecomment-460853741

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17682019年1月30日作者 Jogai3 个回答

0 个反应

已过时

MJML 演示版损坏

如果我去 https://grapesjs.com/demo-mjml.html 并尝试把图片拖入编辑器，会弹出关于目标无效的错误。

kickbk

参见 https://github.com/artf/grapesjs-mjml/pull/92

Jogai

谢谢，我会关闭这个，并会关注公关

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17672019年1月30日作者 arachnosoft2 个回答

1 个反应

增强已过时

确保getHtml（） / runCommand（“gjs-get-inlined-html”）返回画布的最新内容

你好@artf，我遇到过类似甚至相同的问题：#1327 编辑文本块时，我点击一个外部按钮获取画布内容，不离开画布的光标。此时，如果我调用 getHtml（）或 runCommand（“gjs-get-inlined-html”）（我的 grapesjs 是用 Newsletter 插件加载的），这两个命令都会返回画布内容的前一状态（= 我开始编辑块之前），而不是“当前”状态（即我当前输入的文本）。我想这是设计中的;在线演示中可以轻松复现： ![grapesjs 不更新，直到模糊]（https://user-images.githubusercontent.com/42835357/51984968-fecf3000-249...

artf

是的，这正是它的运作方式。我会试着在获取HTML数据前先合并临时状态

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17662019年1月30日作者 hemanthmc3 个回答

1 个反应

已过时

有没有办法在GrapesJs中集成ImageEditor

在把图片丢进编辑器后，有没有什么插件可以让 GrapesJs 编辑那张图片，比如裁剪，添加文字.....

ronaldaug

@hemanthmc，你可以用鸟舍编辑器。以下是所有 GrapesJS 插件。 https://github.com/artf/grapesjs#plugins

artf

遗憾的是，鸟舍被关闭了，所以 [grapesjs-aviary]（https://github.com/artf/grapesjs-aviary）无法正常工作，但你可以查看 [它的代码]（https://github.com/artf/grapesjs-aviary/blob/master/src/index.js）了解它是如何实现的

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17632019年1月29日作者 poeeain2 个回答

0 个反应

已过时

在<Style>块内容对象（不是字符串）中添加标签

浏览器 = ChromeGrapesJS = 最新版本（0.14.52）我正在尝试创建一个包含包含脚本、样式、类型属性的嵌套内容对象的块。除了内容里加了*标签外，效果还不错<style>。问题如果我像下面那样用选项（A）创建块内容，CSS会进入CSS编辑器。但如果我把块内容作为对象创建，比如 option （B），CSS 依然会留在 HTML 编辑器里。（我不确定这是不是bug）在这里，我想实现的是 I想创建类似块的选项（B），但期望CSS会在CSS editor.选项（A） [Codepen演示（A）]（https://codepen.io/poepoe/pen/jdMKbj） ![a]（https://user-i...

artf

“''js 内容：{ script： function（）{ console.log（“我被拖着了！”） }, 组件： '...'， // 用组件代替内容 } ``` 顺便说一句，我觉得你这种情况更适合自定义组件

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

#17622019年1月29日作者 AkibDeraiya1233 个回答

0 个反应

已过时

当我们用 editor.getHtml（）获取 HTML 时，图片不会改变

你好@artf 我正在用grapes.js来做我的网站建设工具，把它集成到我的网站里。当我双击任意图片时，资产管理器会打开，我可以从资产管理器中选择图片。问题是我设置了条件，比如一旦用户选择asset-manager里的任何图片，我会把'img'标签替换成'div'标签，并在那里初始化一个image-editor（它是cropper.js）'。现在一旦我在选择图片后关闭资产管理器，新的图片路径会被设置，新的 div 也会被设置，而不是 img 标签。一旦用户点击编辑器（我指的是图片编辑器）中的完成按钮，它就会给我们64进位的图片，我也会把更新后的64进位图片替换到UI里，但当我用“editor.getHtml（）”获取实际...

artf

你没有展示任何代码，但我猜你只是编辑了组件的DOM元素，实际上你应该更改它的[Component]（https://grapesjs.com/docs/api/component.html）模型数据（例如'imgModel.set（'src'， 'base64....'）'）

AkibDeraiya123

你好@artf 感谢你对我问题的回复。我这里附上了我的代码，请告诉我哪里做错了。基本上，上面的代码会运行，用户会双击特定图片。在这个函数里，我会在选中的图片中添加一个随机生成的“id”属性。现在我也叫了“stop：open-assets”，我试过类似“这代码运行正常，而我打算用”.set“函数配合”opts“。但这里的问题是，当我添加这3行时，assetManager无法打开。如果有 editor.command 方法，当用户选择图片并关闭 assetManage...

artf

目前在这个函数里，我用jQuery更改了图片“src”，运行正常。但当我看到'editor.getHtml（）'时，它并没有被重新填入。 ......@AkibDeraiya123这正是我之前评论里告诉你的......不要用JQuery编辑DOM......按照我说的编辑模型

查看详情

#17612019年1月29日作者 Ramkumar-Murugesan2 个回答

0 个反应

已过时

如何在 grapesjs.init 之后定义 textNoElement 值

你好，我尝试在被初始化为 grapesjs 后定义 textNoElement 的值。但这并没有反映在 Grapesjs 的用户界面上。有人能帮帮我吗？但它的表演 ![图片]（https://user-images.githubusercontent.com/33427536/51899755-b1d65580-23d9-11e9-84bf-ec76e199a5b1.png）

artf

这样做：'编辑。StyleManager.getConfig（）.textNoElement = '...''

lock[bot]

由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。

查看详情

GrapesJS 问题

浏览所有主题