GrapesJS 问题

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

找到 3,464 个问题

#13612018年8月14日作者 dsgh1 个回答
0 个反应

:当没有目标时,拖拽占位符不应该被看到

我用的是最新版本。 繁殖步骤:配置葡萄,使包装器不可丢失。我制作了一个小提琴来演示:https://jsfiddle.net/szLp8h4n/300/(这里的想法是只有白色中心区域可以掉落) 预期行为:当未拖拽到可接受的目标时,绿色拖曳占位符不应可见 截图: ![绿色占位符](https://user-images.githubusercontent.com/52310/44060208-cf1e6802-9f4b-11e8-9650-ec756f198843.png) (注:在调试器中暂停此操作,以便捕捉绿色拖拽占位符。归根结底,这种情况不应该存在:) 我会提交拉取请求来修复这个问题。

lock[bot]

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

#13602018年8月14日作者 gregvissing2 个回答
0 个反应

需要帮助将数据保存到Blackbaud数据库。

我正在尝试用[自定义内容部分](http://developer.blackbaud.com/bbis/guide/custom-content-parts/)将这个功能嵌入到Blackbaud互联网解决方案中。有人能帮我弄清楚如何设置storageManager,这样我就能根据ID保存和加载数据吗?我会用这个自定义内容部分创建独立部分,所以我需要将ID、HTML、CSS等与其他部分分开存储。 这是我目前掌握的代码:https://github.com/gregvissing/grapejs-page-builder/blob/master/editor.html

artf

你好 Greg,关于 grapesjs 部分,我觉得你只需要这里 https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage 这种方法,它允许你自定义参数和头部覆盖 99% 的情况。所以剩下的部分你得处理第三方集成,这和 Grapesjs 本身无关

lock[bot]

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

#13582018年8月13日作者 alimajed933 个回答
0 个反应

仅在按下“确定”按钮时创建链接

大家好, 我覆盖了富文本编辑器默认的“链接”操作子: <img width=“1274” alt=“截图 2018-08-13 1:58 43 pm” src=“https://user-images.githubusercontent.com/28840780/44027999-2788cfaa-9f01-11e8-9f5e-e24d3ced19ed.png”> 点击后,会打开一个模态,用户可以添加所需的URL、文本显示和目标并提交。 类似于现在在“demo newsletter editor”上用“grapesjs-plugin-ckeditor”实现的类似的实现。 <img width=“1275” alt=“截图 2018...

artf

1 - 我如何在“demo newsletter editor”中检查richTextEditor的“链接”操作实现,以便复现?因为如果模态未提交就关闭,链接就不会被创建。 那个模态来自CKEditor2-为什么 richTextEditor.exec('createLink', 'new');或者 rte.insertHTML(<a class=“link” href=“”>${rte.selection()}</a>)如果放在按钮点击事件上,就不会导致创建链接?所以如果...

alimajed93

好的,谢谢你的快速回复@artf 如何让注意力集中在RTE上?

artf

你需要捕捉触发模糊的事件,并调用“stopPropagation”。点击工具栏本身就是这样保持 https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L82

#13572018年8月12日作者 ghost3 个回答
1 个反应

:身体 -> 装饰 -> 背景-图像

版本 0.14.25 |本地副本 GrapesJS 测试支持:Chrome 68,Firefox 61 在“Body (Selected #wrapper) -> Decorations -> Background -> Layer # -> Image”中添加背景图片,保存到数据库,刷新页面,从数据库加载,空白背景。图像或颜色也是一样。 添加背景 ![补充背景](https://user-images.githubusercontent.com/42306769/43997738-970f814a-9dba-11e8-8ec8-ffb41601cf3e.png) 刷新后页面 ![刷新页面后](https://user-image...

maryia-kabash

作为身体背景的变通方法,我使用以下操作:通过“编辑器”,将主体背景与组件和样式分开保存到数据库。DomComponents.getWrapper().attributes.style'当模板加载时,通过“Editor.”设置样式。DomComponents.getWrapper().setStyle(/set proper styles/)'带“编辑器”的清晰画布。DomComponents.getWrapper().setStyle('')' ,但这并未将背景与特征区分开来

artf

我需要知道数据库里存储了什么,以及你是如何加载的。

ghost

你好,这是代码。 这是PHP代码:store 对于载荷 谢谢。

#13562018年8月11日作者 kickbk3 个回答
0 个反应

在资产管理器中添加“插入”按钮

你会如何为资产管理模态添加“插入图片”按钮?目前“添加图片”可能让一些人感到困惑,他们以为那个按钮会把图片插入画布,然后不停点击直到鼠标掉:)

artf

你是不是只是想把“添加图片”改成“插入图片”?

kickbk

@art这里有一个示范图来表达这个想法。不是我用BS来做按钮样式。 所以你点击图片高亮,导入关闭。 目前点击时它已经替换了图片,但模态不会关闭。很难判断发生了什么,而且没有关闭按钮。所以也许我们可以让它更直观一点?可能还有取消按钮? ![示例](https://user-images.githubusercontent.com/31323376/44041024-a48bd932-9ed1-11e8-82dc-2a67bd8f8d4a.jpg)

kickbk

抱歉......并不是想结束这个问题。

#13552018年8月10日作者 david-polak2 个回答
0 个反应

组件调整大小事件

我有一个“画布”组件,需要能够注册它的缩放事件。 在深入分析代码并寻找相关模型事件后,我能想到的只有这样一个,实际上在调整尺寸时会触发: “JavaScript handleUpdate (e) { 如果 (this.prevWidth !== this.el.clientWidth || this.prevHeight !== this.el.clientHeight) { this.prevWidth = this.el.clientWidth this.prevHeight = this.el.clientHeight this.handleResize() } }, render () { defaultType.view...

artf

你好,David,我觉得目前是你能做到的最好方案,但我也欢迎大家给我建议,让它不那么老套

lock[bot]

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

#13542018年8月9日作者 kickbk1 个回答
0 个反应

更改CSS编辑器的行为

在“导出”codemirror模态中,我想更改CSS部分的默认行为。 目前它移除了<style>“”开门和关闭标签,并添加了:{ 盒子尺寸:边框盒; } 正体 { 优势:0; } 我想保留<style>标签,去掉新增的样式。 我怎么能做到?

lock[bot]

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

#13532018年8月9日作者 emilsedgh3 个回答
2 个反应

复选框属性类型

我有兴趣为风格管理器开发一个“复选框”(切换)属性类型。 基本上它就像 radio,只不过它是单数的,可以关闭。 使用场景是这样的: 我想要一个加粗的图标。如果开启,会应用“font-weight: bold”,否则会显示“font-weight: normal”。 就像默认的RTE一样。只是我想把它放在风格管理器里。 你们会接受葡萄里的这种东西吗?我应该叫它“PropertyToggle”还是“PropertyCheckbox”?

jmrgz

哦,抱歉,我刚拿到你需要的东西。 你可以试试脏JQyquery方案,在等待时用两个不同的开关状态的单选按钮,需要时显示或隐藏每个按钮。

jmrgz

如果我理解没错的话,你是在尝试创建一个像“文本装饰”下其他按钮一样的新按钮 https://grapesjs.com/demo.html 我的项目里没有文字装饰,但我有文本对齐按钮,功能相同。 这应该是样式管理器中创建文本对齐按钮的代码。 注意你可能已经有字体粗细属性,如果你把它添加为单选按钮,就需要移除默认下拉菜单。 性质: [{ 属性:“文本对齐”, 列表:[{ 值:“左”, 类名:“fa fa-align-left” }, { 值:“中心”, 类名:“fa fa-al...

emilsedgh

你的例子提供了一个“无线电”按钮,里面有几个选项。 我想要单一开关开关按钮。

#13522018年8月9日作者 Big-Silver3 个回答
0 个反应

集JS

我很高兴能GetHtml,GetCSS就是GetJ。 有没有可能像上面提到的函数那样用 SetHtml、SetCss 和 SetJs 来实现?

artf

你有这些 https://grapesjs.com/docs/api/editor.html#setcomponents https://grapesjs.com/docs/api/editor.html#setstyle 没有JS的方法,只能是自定义组件的结果

Big-Silver

谢谢@artf setcomponents和setstyle都很合适。

lock[bot]

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

#13512018年8月8日作者 YashPrince2 个回答
0 个反应

用Ckeditor-5搭配葡萄

我如何在葡萄中使用 [https://ckeditor.com/ckeditor-5/#inline](https://ckeditor.com/ckeditor-5/#inline) 。我用的是 'gjs-plugin-ckeditor' 来做 ckeditor-4,但我想换成 ckeditor-5。我查过了,'gjs-plugin-ckeditor' 不支持 CKeditor-5 那我该如何用 CKeditor-5 配合 Grapejs,任何帮助都将不胜感激。

artf

你应该遵循[本指南](https://grapesjs.com/docs/guides/Replace-Rich-Text-Editor.html)

lock[bot]

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

浏览所有主题