PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
我用的是最新版本。 繁殖步骤：配置 grapesjs 使包装器不可丢弃。我制作了一个小提琴来演示：https://jsfiddle.net/szLp8h4n/300/（这里的想法是只有白色中心区域可以掉落） 预期行为：当未拖拽到可接受的目标时，绿色拖曳占位符不应可见 截图： ![绿色占位符]（https://user-images.githubusercontent.com/52310/44060208-cf1e6802-9f4b-11e8-9650-ec756f198843.png） （注：在调试器中暂停了这个位置，以便捕捉绿色拖拽占位符。底线是，这种情况下它不应该出现:) 我会提交拉取请求来修复这个问题。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试用[自定义内容部分]（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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
大家好， 我覆盖了富文本编辑器默认的“链接”操作子： <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
版本 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 对于载荷 谢谢。
你会如何为资产管理模态添加“插入图片”按钮？目前“添加图片”可能让一些人感到困惑，他们以为那个按钮会把图片插入画布，然后不停点击直到鼠标掉:)
artf
你是不是只是想把“添加图片”改成“插入图片”？
kickbk
@art这里有一个示范图来表达这个想法。不是我用BS来做按钮样式。 所以你点击图片高亮，导入关闭。 目前点击时它已经替换了图片，但模态不会关闭。很难判断发生了什么，而且没有关闭按钮。所以也许我们可以让它更直观一点？可能还有取消按钮？ ![示例]（https://user-images.githubusercontent.com/31323376/44041024-a48bd932-9ed1-11e8-82dc-2a67bd8f8d4a.jpg）
kickbk
抱歉......并不是想结束这个问题。
我有一个“画布”组件，需要能够注册它的缩放事件。 在深入分析代码并寻找相关模型事件后，我能想到的只有这样一个，实际上在调整尺寸时会触发： “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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
在“导出”codemirror模态中，我想更改CSS部分的默认行为。 目前它移除了<style>“”开门和关闭标签，并添加了：{ 盒子尺寸：边框盒; } 正体 { 优势：0; } 我想保留<style>标签，去掉新增的样式。 我怎么能做到？
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我有兴趣为风格管理器开发一个“复选框”（切换）属性类型。 基本上它就像 radio，只不过它是单数的，可以关闭。 使用场景是这样的： 我想要一个加粗图标。如果开启，它会生效 font-weight: bold 其他方式 font-weight: normal。 就像默认的RTE一样。只是我想在样式管理器里实现。 你们会接受 grapes吗？我应该称之为 PropertyToggle 还是说 PropertyCheckbox？
jmrgz
哦，抱歉，我刚拿到你需要的东西。 你可以试试脏JQyquery方案，在等待时用两个不同的开关状态的单选按钮，需要时显示或隐藏每个按钮。
jmrgz
如果我理解没错的话，你是在尝试创建一个像“文本装饰”下其他按钮一样的新按钮 https://grapesjs.com/demo.html 我的项目里没有文字装饰，但我有文本对齐按钮，功能相同。 这应该是样式管理器中创建文本对齐按钮的代码。 注意你可能已经有字体粗细属性，如果你把它添加为单选按钮，就需要移除默认下拉菜单。 性质： [{ 属性：“文本对齐”， 列表：[{ 值：“左”， 类名：“fa fa-align-left” }, { 值：“中心”， 类名：“fa fa-al...
emilsedgh
你的例子提供了一个“无线电”按钮，里面有几个选项。 我想要单一开关开关按钮。
我很高兴能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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我如何在 grapejs 中使用 [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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。