PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
嗨，@artf 当我尝试使用按键类特性时，它不会触发任何功能。你能帮我一下吗？ 你能分享一个新的特质类型创建示例吗，比如“按钮”，而不是“内容”那个。 '特质：[ { 类型：“按钮”， 标签：“提交”， 名称：“blogsubmit”， 变革提案：1 } ] .... init（） { this.listenTo（this， 'change：blogsubmit'， this.changeFilter）; } .....` 对于新特质类型的创建，我正在尝试 编辑。TraitManager.addType（'button'， { 事件：{ 'keyup' ： 'onChange' // 这部分我们应该用什么？ }, getInput...
artf
你好，@Soharab-Shaikh，你必须通过 command 选项（点击时会执行）：
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好 我做了一个非常简单的 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在将 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
如果我去 https://grapesjs.com/demo-mjml.html 并尝试把图片拖入编辑器，会弹出关于目标无效的错误。
kickbk
参见 https://github.com/artf/grapesjs-mjml/pull/92
Jogai
谢谢，我会关闭这个，并会关注公关
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@artf， 我遇到过类似甚至相同的问题：#1327 编辑文本块时，我点击一个外部按钮获取画布内容，不离开画布的光标。 此时，如果我调用 getHtml（） 或 runCommand（“gjs-get-inlined-html”）（我的 grapesjs 是用 Newsletter 插件加载的），这两个命令都会返回画布内容的前一状态（= 我开始编辑块之前），而不是“当前”状态（即我当前输入的文本）。 我想这是设计中的;在线演示中可以轻松复现： ![grapesjs 不更新，直到模糊]（https://user-images.githubusercontent.com/42835357/51984968-fecf3000-249...
artf
是的，这正是它的运作方式。 我会试着在获取HTML数据前先合并临时状态
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
在把图片丢进编辑器后，有没有什么插件可以让 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，有个小问题 我注意到dev分支是版本0.14.52，但master分支仍然是0.14.43，尽管文档（https://grapesjs.com/docs/#why-grapesjs）说是0.14.52是最新版本，演示版也用的是0.14.52。 我想知道的是，0.14.52 是否已经准备好生产，只是还没被转移到主分支，还是开发分支在生产准备前还需要更多工作？ 干杯
artf
..只是还没被转到主分支 是的，在这种情况下，0.14.52是最新的
我需要添加文本样式和其他文本选项，比如如何在GrapesJs里添加CKEditor/TinyMC编辑器，而不是RichTextEditor。
umerrinayat
@ronaldaug Codpen 链接无法使用。你能再分享一次你的代码吗？谢谢
ronaldaug
我觉得你漏掉了什么。 我在这里做了一个[codepen演示]（https://codepen.io/ronaldaug/pen/OdbxeY），它运行得很好。 你需要添加 CKEditor 和 [CKEditor 插件]（https://github.com/artf/grapesjs-plugin-ckeditor）脚本，并设置配置选项。
ronaldaug
你可以在 GrapesJS 文档 [这里]（https://grapesjs.com/docs/guides/Replace-Rich-Text-Editor.html#interface）中查看“替换内置富文本编辑器”。 还有一个 [GrapesJS CKEditor 插件]（https://github.com/artf/grapesjs-plugin-ckeditor）。
浏览器 = 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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@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......按照我说的编辑模型