GrapesJS 问题

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

状态

排序

找到 85 个问题

🔍 help wanted

#7682018年1月16日作者 frank-tenzing3 个回答

0 个反应

需要帮助已过时

IE浏览器问题

你好@artf，由于 https://github.com/artf/grapesjs/issues/214 已被关闭，我创建了本期问题...... 我克隆了最新的仓库，并在IE 11上运行，出现了错误： SCRIPT438: Object doesn't support property or method 'replace' - grapes.min.js (15612,7) 演示时，当我点击它时，它跳到了“removeClass”函数中的那一行： '函数 removeClass（v， c） { 如果（v.classList） { v.classList.remove（c）; } 否则 { v.className = v....

artf

@frank-tenzing，不确定这是不是IE唯一的错误，你是不是遇到了某种模板（可能包含SVG元素）？

frank-tenzing

你好@artf，我克隆最新仓库后做了以下的事情 1）将起始脚本替换为 "start": "webpack-dev-server --open --progress --colors & npm run build:css -- -w",; 2）。评论道 editor.BlockManager.add('testBlock', { 标签：“Block”， attributes： { class：'gjs-fonts gjs-f-b1'，内容： <div style="pad...

artf

@frank-tenzing，谢谢，但其他浏览器呢？

查看详情

#7612018年1月15日作者 gabrigcl3 个回答

7 个反应

缺陷需要帮助

文本分量问题

你好。我希望有一个文本组件，不会每次我按“回车”键创建新段落时都会生成新组件（这很糟糕）。此外， grapes 核心的文本组件存在一个问题（下面的截图中有描述）。提前感谢大家的关注！ ![动图屏幕-grapes]（https://user-images.githubusercontent.com/7770605/34945885-94dc9046-f9e3-11e7-9b6b-70111e5bdb04.gif）

Moikapy

不确定我是在这里的某个问题里还是Stack Overflow里找到这个代码，但这里的代码在按下回车键时会把Divs替换成<br/>。我把这个代码放在了和我的 grapes-config 同一个文件里 ![grapesExample]（https://user-images.githubusercontent.com/18318332/56316222-c0eeb900-6127-11e9-819b-dd9afe74bc6a.JPG）

ryandeba

我几天前自己也查过......显然有一个 ['insertBrOnReturn']（https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand）选项用于 'execCommand'，但浏览器支持非常糟糕。像[https://stackoverflow.com/questions/18552336/prevent-contenteditable-adding-div-on-enter-chrom...

gabrigcl

我找到了一个解决方案，使用 CKEditor 并覆盖原生“文本”组件，创建自己的。我的文本组件现在是一个带有 css 类的 div，用来标识组件： “JavaScript comps.addType（'text'， { model： textModel.extend（{ defaults： Object.assign（{}， textModel.prototype.defaults， { 标签名称：“div”，名称：“Texto”，可拖拽： ''，可丢弃：错误 }),...

查看详情

#6792017年12月23日作者 z1lk2 个回答

0 个反应

增强需要帮助

分类与块相似的特征

我正在构建Bootstrap插件，并且几乎每个组件都有越来越多的工具设置。再加上组件专属和ARIA设置，设置面板就变得很拥挤。我们能不能像用方块那样，把设置分类成“崩溃”？如果我们能简单复制Blocks分类代码，我愿意贡献一个PR。

artf

谢谢@z1lk建议，确实很有道理，但我不太确定复制内容，我想避免重复代码，可能创建一个抽象视图，做同样的事情，我们可以在其他点使用它

artf

以 https://github.com/GrapesJS/grapesjs/issues/1806 为止结束此事

查看详情

#6682017年12月22日作者 TWCM2 个回答

0 个反应

增强需要帮助已过时

当元素不可选择时，建议悬停并点击事件即可选择可用的父元素。

@artf你好，我能不能对select命令做一个增强功能？当光标点击或悬停在不可选择的元素时，选择跳转到可用元素。既然该元素不可选择，且元素内无能为力，我建议悬停并选择跳转到可用父节点。

TWCM

你好@artf，我正在努力帮助实现这种增强。但我不确定我说得对不对，请帮忙核实。

lock[bot]

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

查看详情

#6602017年12月20日作者 TWCM3 个回答

1 个反应

增强需要帮助已过时

当无法选择父元素时，选择父函数无法使用

你好，@artf，我有一个关于选择父功能的问题。当父元素不可选时无法选择父元素，建议跳过父元素，然后选择父元素，直到 div#wrapper 出现。

ryandeba

我可能能帮上忙——我会试着今天晚些时候或明天发个拉取请求。

TWCM

你好，@ryandeba，感谢你的努力。

TWCM

你好@artf，还有一个问题，我能不能对select命令做一个增强功能，当光标点击或悬停在不可选择的元素时，选择跳转到可用元素。由于该元素不可选择，我希望用户跳转到父元素。

查看详情

#6442017年12月14日作者 Geczy3 个回答

17 个反应

增强需要帮助

升级到Fontawesome 5

来自 fontawesome 4。这次也是一个让fa5成为同伴依赖的好机会，这样大家就不会重复使用它有些图标需要更换，这才是唯一的迁移

artf

你好，Matt，我们已经计划把Fontawesome从核心中移除，改用SVG来做图标:)

antman3351

你好，我目前正在测试/早期开发，将 GrapesJs 集成到一个使用 FontAwsome 5.12 的现有网页应用中（我对GrapesJs印象特别深刻，尤其是它的可👍👌扩展性）我只是把这当作一个笔记，可能对其他人😊有帮助我发现有几个问题，只要在编辑器前加个样式标签就能轻松解决（我懒，而且前端也不太适合😉我）。首先，我添加了 'grapesjs.init（{ cssIcons： null， }）;这样 GrapesJs 就不会加载 FA4。然后映射了缺失...

Geczy

附注，FA5 用的是 SVG 的 ;)

查看详情

#5962017年11月30日作者 TrungPham3833 个回答

9 个反应

需要帮助需要更多信息已过时

颜色选择器显示错误位置

![添加]（https://user-images.githubusercontent.com/34128438/33429645-48a8e104-d600-11e7-8800-2b237284da92.png）

fguslinski

你好，我用以下配置解决了这个问题： 'Grapesjs.init（{ colorPicker： { 附录：'父'，偏移：{ 顶部：26，左：-166， }， }, })` 也许你需要调整一下上下两个位置，因为我改了一些尺寸。但在这里效果非常好。

swarnat

我遇到过完全一样的问题，多亏了你提供的ColorPicker.js我终于解决了。就像artf说的，当编辑器弹出时，位置的计算是错的，比如Bootstrap Modal。所以我把修正线[这里]（https://github.com/artf/grapesjs/blob/46196a1e90af1514719e123c8038cc3fa93f1a81/src/utils/ColorPicker.js#L1098）替换成这样： “JavaScript offset.left...

artf

你能举个具体例子说明这个问题吗？（jsfiddle、CodePen等）

查看详情

#5902017年11月29日作者 Geczy3 个回答

0 个反应

增强需要帮助

如何覆盖domain_abstract UI输入组件？

https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js 我想更改输入类： https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js#L15 换成完全不同的东西，比如“形式组”

artf

域抽象的东西只是内部使用，所以我甚至不打算让它们被覆盖，你的用例是怎样的？

Geczy

我想通过使用 Bootstrap 或我用的其他 CSS 框架中的现有类，自定义组件设置面板中表单字段的外观。所以我想把“gjs-field”替换成“form-group”

artf

好的，我明白了，但目前还没有简单的方法可以实现：/

查看详情

#5632017年11月23日作者 faizansaiyed3 个回答

2 个反应

增强需要帮助已过时

表格<thead>和<tbody>标签被省略

你好， GrapesJS 可能出现了新问题。我用“bm.add（）”创建了一个新组件，里面用了带有“<thead>''和”<tbody>''标签的表元素。但用 'editor.getHtml（）' 方法获取 html 时，'<thead>' 和 '<tbody>' 标签会被省略。你能帮帮我吗？ ![截图：2017-11-23 10-16-20]（https://user-images.githubusercontent.com/33310500/33159266-5ebd404e-d037-11e7-8699-0f7f4c13935f.png） ![截图来自2017-11-23 10-14-28]（https://user-ima...

artf

@fsaiyedOB是的，我把[表格组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js）做成这样，因为写作时分拣器表现得不一样，排行时有“身体”状的元素，很乱。目前，处理桌子不是我的优先事项，但我会先留个余地，以防有人愿意帮忙

ryandeba

谢谢！我会在接下来的几天内开始做这件事。

ryandeba

你好@artf——我可能以后可以看看这个。我开始时只是移除了[表格组件]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentTable.js）（第54-68行）中的“清理非行的表格行”部分。你能指点一下这会带来哪些需要解决的问题吗？

查看详情

#5522017年11月21日作者 g41n3 个回答

1 个反应

缺陷需要帮助已过时

无法重置身体背景

我发现了这个这里是#351，但似乎没有重置身体背景...... 还有其他方法吗？

artf

@duskhacker我觉得这有点关联，但不是同一个问题。你提到CSS是从两个不同的地方生成的，而且它是一种基本的CSS重置 '*{盒子大小：border-box;}'来自 https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js#L34 以及 'body{margin：0;}来自 https://github.com/artf/grapesjs/blob/dev/src/dom_compo...

ryandeba

你好@g41n，你能提供一个JSFIDDLE（或类似文件）来说明问题吗？我刚做了这个，先把身体背景色设为蓝色，然后两秒后清除那个样式：https://jsfiddle.net/gn3jtahv/。这对我来说似乎没问题（也用'编辑器'测试过）。CssComposer.getAll（）.reset（）'，结果相同），所以我猜你做了什么不同的操作......

g41n

你好，@ryandeba，谢谢你的回复。经过一番挖掘，这里有一个小提琴 https://jsfiddle.net/x118ks1v/ 和复制步骤：点击重置按钮，重置成功点击正体，从右侧面板切换背景点击重置按钮，重置失败这个问题似乎只有在你手动从Grapesjs面板更改身体背景后才会出现。希望这能帮你找到解决办法...... ：/

查看详情

GrapesJS 问题

浏览所有主题