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)

浏览所有主题