PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 3,464 个问题

#14092018年9月7日作者 YashPrince3 个回答
0 个反应
增强已过时

分量阻力事件

我想知道如何将该组件拖拽到另一个组件。如果在组件被拖拽到后变空，我需要添加一个类 外部元素。我能找到拖拽的组件和掉落的组件，但不能从拖拽的位置找到。任何帮助都将不胜感激。 ![变装表演]（https://user-images.githubusercontent.com/40828744/45218205-64d7d280-b2c4-11e8-90f2-380b456221a5.png）

artf

就你而言，我觉得最好听内部组件的更改（比如如果我删除所有子组件怎么办？），但目前没有这样的事件，所以我会尝试在下一个版本添加它。应该是这样的 “''js editor.on（'component：update：components'， component => { 只需修改视图元素即可 const el = component.getEl（）; const hasChildren = component.components（）.length; el.classList[h...

sakshigarg9

@YashPrince你是怎么获得被拖拽组件的ID，以及它被丢弃在哪里的？

lock[bot]

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

查看详情
#14082018年9月6日作者 Siddharth-ss422793 个回答
1 个反应
已过时

为什么文本元素被转换成了框？

你好@artf， 我正在使用 grapesjs 的通讯插件和 ckeditor 插件。我在Canvas里拖拽了TEXT元素，用ckeditor做了一些编辑。我已经把它连接到了数据库。每次我把内容保存到数据库，重新安装编辑器后，我会从数据库字段设置内容值，然后把TEXT元素转换成BOX。 不知道为什么TEXT元素会变成BOX，而且CKEDITOR也无法加载到那个BOX元素里？？请帮帮我。 ![截图 2018-09-06 下午6：47 41]（https://user-images.githubusercontent.com/13647531/45159639-f7b13800-b204-11e8-82b3-8231b43b0fb9....

artf

@Siddharth-ss42279 如果你需要编辑用GrapesJS创建的模板，你不应该使用它的HTML......你应该导入它的 JSON......所以你做错了 就像做这个 “''js el.addEventListener（'点击'，...）; someOtheEl.innerHTML = el.innerHTML; ``` 然后抱怨为什么你的'El'没有点击监听器了......你只是抄袭编辑创造的所有信息。 点击这里阅读：https://grapesjs.com/...

artf

你的数据库里存储什么？HTML和CSS呢？

Siddharth-ss42279

你好@artf 实际上，我用命令编辑器获得内行HTML。Commands.get（'gjs-get-inline-html'）.run（editor）'，并保存到数据库，渲染内容时我用的是 'editor.setComponent（content_field）' 问题是当我从数据库渲染内容时，TEXT 元素会被转换成 BOX 元素 （只有当我用ckeditor编辑该文本元素的部分文本时）而在BOX元素ckeditor中则没有加载。 以下任何一种方法都能解决我的问题：TEXT...

查看详情
#14072018年9月6日作者 jvillena2 个回答
0 个反应
无效问题已过时

每次保存HTML数据时都会增加额外的正文。

你好，@artf， 我遇到过一个问题：当我在编辑器里有表格时，我添加新行，如果我的表格在重新加载时被保存，表格会被多加一个 tbody 标签。 ![截图 2018-09-06 12 54 37]（https://user-images.githubusercontent.com/1280854/45153451-501c1180-b1d4-11e8-89a6-ca3cbaf33c5d.png） 我不知道为什么编辑器会出现这种行为。 此致敬礼。

jvillena

你好，@artf， 如果我在 grapesjs 核心的 tbody 初始化方法中注释，问题就解决了。但我不明白，一旦你在没有确认 tbody 标签是否已经存在的情况下就加入了它。 ![截图 2018-09-06 16 25 43]（https://user-images.githubusercontent.com/1280854/45163941-b6fbf380-b1f1-11e8-812e-e4f4cde8627d.png）

lock[bot]

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

查看详情
#14062018年9月5日作者 jatiyanon1 个回答
0 个反应
已过时

标题标签怎么办

例如H1-H5。

lock[bot]

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

查看详情
#14052018年9月5日作者 milanstamenkovic2 个回答
0 个反应
已过时

角支撑

你好， 有没有可能在 Angular 6 应用中使用 Grapesjs？如果你能帮我指点一些示例或教程吗？ 提前感谢， 米兰

artf

我不太清楚 Angular 6，但我很确定它和这个版本差别不大 https://github.com/artf/grapesjs/issues/220#issuecomment-322574774

lock[bot]

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

查看详情
#14042018年9月4日作者 agoulart722 个回答
0 个反应
已过时

Domcomponent 中的 addType 用于 HTML 条件句，在可视化中生成 a <div>

我按照#37、#787、#208、#1254期的说明操作 注释在HTML中，但可视化中会创建一个“\<div\>”元素， 我们该如何修改代码，使这个“\<div\>”被替换成其他东西，或者添加样式？ 例如：“\<div style=”display：none“\>\</div\> 就可以了。 我尝试更改新类型的默认设置，但没有效果。 我在本地版本（Linux，Firefox）中使用最新版本（0.14.21）

agoulart72

我自己找答案，给可能遇到同样问题的人：扩展渲染部分，并设置 display：none 给待渲染对象，这不会影响 html。 “'' const domc = $scope.editor.DomComponents; var textnodeType = domc.getType（'textnode'）; domc.addType（'comment'， { model： textnodeType.model.extend（{ toHTML（） { 返回 '<!--${this...

lock[bot]

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

查看详情
#14032018年9月4日作者 Abhisheknanda13444633 个回答
0 个反应
已过时

如何构建压缩后的CSS？

你好@artf你能给我解释一下如何从风格部分构建CSS吗？每次我运行“Npm run build”时，代码只需最小 js 构建，我是否需要添加文件用于 css 构建??? 谢谢。

artf

[“NPM运行构建”]（https://github.com/artf/grapesjs/blob/dev/package.json#L102）也通过“build-dev”进行CSS的最小化：“webpack --env=dev && npm run build：css”，

Abhisheknanda1344463

好的，@artf谢谢:)

Abhisheknanda1344463

@artf 用“Npm run build ”命令，我的 CSS 无法获得构建。 我试过NPM运行Build：CSS 它显示错误，并且在我的package.json中写了各种脚本，如下所示。 我所有的CSS都在Style文件夹里。“lint”：“eslint src”，“v：patch”：“NPM版本 --no-git-tag-version 补丁”，“build”：“NPM 运行 v：patch & webpack ——env.production”，“开始”：“webp...

查看详情
#14022018年9月4日作者 huzineczerik3 个回答
0 个反应
已过时

翻译面板选项和设备管理器按钮

天哪@artf， 如何将面板和设备管理器按钮标题翻译成其他语言？ 请为我举个例子。 “全屏” -> “Teljes képernyő” ![图片]（https://user-images.githubusercontent.com/39269531/45038056-bc760400-b060-11e8-89c8-3b1c43c445ac.png） “桌面” -> “Asztali” ![图片]（https://user-images.githubusercontent.com/39269531/45038067-c3047b80-b060-11e8-9853-7137cfab6499.png） 谢谢你， 埃里克

huzineczerik

[#1398相关问题]（https://github.com/artf/grapesjs/issues/1398）

artf

请点击这里 https://grapesjs.com/docs/api/panels.html#panels 'panelManager.getButton（'options'， 'fullscreen'）.set（{ attributes： { title： 'Something' } }）' 设备按钮总是面板上的按钮

lock[bot]

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

查看详情
#14012018年9月4日作者 robgar952 个回答
0 个反应
已过时

创建组件帮助

你好， 我需要做两件事：我需要一个组件来创建带有特定ID的按钮，并禁用编辑ID。定义一个标签 HTML 不可能移除。（也没有透明画布功能） 谢谢你读完

artf

https://grapesjs.com/docs/modules/Components.html

lock[bot]

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

查看详情
#14002018年9月3日作者 FlashPapa2 个回答
0 个反应

短信中的双冲

与 /！Grapesjs - 0.9.15 / 当我们编辑文本框并加上双划线并使用函数“mjml2htm”时，会出现以下错误： 错误：[MJMLError] ParseError：解析文件时错误 grapesjs-mjml.min.js：2：30405 a http://127.0.0.1/earcGrapesJs/app/bowercomponents/grapesjs-mjml/dist/grapesjs-mjml.min.js:2:30405 L http://127.0.0.1/earcGrapesJs/app/bowercomponents/grapesjs-mjml/dist/grapesjs-mjml.min.js:...

artf

@FlashPapa你的 Grapesjs 版本已经过时了，这是核心仓库，和 mjml 插件没关系

jmchaves

双重冲刺仍在进行： ![截图来自2019-07-17 15-56-23]（https://user-images.githubusercontent.com/2567814/61407334-7d812380-a8ab-11e9-9c5b-2248ed10c048.png）

查看详情

浏览所有主题