PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你好， 我想在编辑器中添加一个“图片”块，我们可以为不同设备定义不同的图片，其基础HTML如下： 我的问题是，如果它入到编辑器中，img组件是可视且可移动的，甚至从图片元素中也能移动。这样可能会导致设计出问题，图片可能会出现在不同的位置。 另一个问题是，源的数量可能随着使用情况而变化，有时只有一个源（设备支持），有时是3个...... 解决这些问题的最佳方法是什么？
imso077
嗨，大家都解决了响应式图片的问题吗？（我们必须更换图片，因为图像内容在较小设备上会变化，所以焦点更小）
artf
学习如何创建自定义的[组件]（https://grapesjs.com/docs/modules/Components.html），然后查看该组件上所有可用的 https://grapesjs.com/docs/api/component.html 属性（比如你能判断图片不可拖拽）
你用的是最新版本吗（旧版本不支持）？ 是的。你是在本地版 GrapesJS 遇到这个bug，还是当前试玩版？ 两个人都一样。繁殖步骤：拖动组件后从输入中更改其背景色立即打开选色器然后点击外部颜色选择器（除了画布以外的任何地方）预期行为是什么？ 背景色应保持保留。接下来会发生什么？ 背景颜色变为之前的颜色或#000000。屏幕剧本 ![grapesjs背景色]（https://user-images.githubusercontent.com/20056992/77416043-f7cc5500-6df5-11ea-8fd7-68569c5f1ce4.gif）
longdoan7421
你好，@artf， 在浏览了色彩选择器后，我觉得问题在于用户切换输入时，光谱值和模型的值不一样。 于是我尝试同步Spectrum和型号的数值，这可能解决了问题。这是我的解决方案： “JavaScript InputColor.js /*将值设定为模型@param {string} val@param {Object} 选择 / setValue（val， opts = {}） { const model = this.model; const def = model.get...
longdoan7421
我发现这个bug也会发生在你更改任意输入值后，立即打开ColorPick，再通过点击外部（不是画布）取消时也会出现。
你好， 保存后重新加载HTML时，这段文字块会更换标签。 具体来说，一旦你插入文本块，CKeditor 会初始化在 div 上，进入 Edit 时，CKEditor 初始化在 P 标签上。 这是加载时的文本块 '<div data-gjs-type=“default” draggable=“true” data-highlightable=“1” id=“iysen” class=“”“><p data-gjs-type=”text“ draggable=”true“ data-highlightable=”1“ id=”i5utb“ class=”gjs-selected“>Inserisci il tuo testo</p><...
artf
使用像CKEditor这样的定制RTE时，我们把所有内容的处理责任都交给第三方，所以如果你想更改什么，必须查看他们的文档
版本：最新：V-0.16.3。 重要：从v-0.15.9更新到v-0.16.3，保持所有内容不变，错误会在控制台显示： 这个错误显示函数 'getFrameOffset' 中存在错误，位置接近：'e.ownerDocument.defaultView.frameElement'： 请参阅[此代码行]（https://github.com/artf/grapesjs/blob/4c1e74c8d2b75d2c1cdbd59f288cf75d7d2aa690/src/canvas/view/CanvasView.js#L173） 检查错误堆栈将追踪到[此代码行]（https://github.com/artf/grapesjs/blo...
emilsedgh
我同意这需要在销毁函数本身中重新打开并修复。
emilsedgh
谢谢你@artf！🙏
artf
感谢报告@wemod123你能制作一个可复现的现场演示吗？
你好， 当我加载带有编辑器之前保存的内联样式的HTML时，这个样式会被移除。我该如何解决我的问题？
FedericoPalma92
谢谢你
artf
'config.avoidInlineStyle' 默认为“true”，有些罕见情况下禁用它（例如在 mjml 插件中禁用它以使其正常工作），但对于常见网页，我们建议保持原样
pouyamiralayi
@picozzo92我相信从[v15.08]（https://github.com/artf/grapesjs/releases/tag/v0.15.8）起，内联样式已经不再支持了。 干杯！
[问题：] 你好，我用过这个构建器插件在 Angular 7 里。这个结构非常好，也可扩展。 但我在定义自定义组件这个插件时遇到了一些问题。 问题是如何向自定义DomComponent添加类。 我创建了新的视频包装DOM组件。 里面包含了iframe。 我想要这个domComponent的后续结果。 <div class=“cus-gjs-video”><iframe class=“cus-video-content” src=“”></iframe></div> domComponent代码正在跟踪。 型号：{ 默认值：{ 类型：“cus-video”， 标签名称：“div”， 可编辑：1， 可掉落：0， 可调整大小：0， 视频...
artf
你能用自定义组件的完整代码制作一个实时演示吗？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
我需要添加每个插件，实在太繁琐了！ 你有办法添加所有插件吗？
pouyamiralayi
@wpj130 #2382
如何删除带有设备的列表？ ![Аннотация 2020-03-23 170147]（https://user-images.githubusercontent.com/5623092/77330422-03e9e100-6d28-11ea-9f29-c4507cc405ae.png）
teawithfruit
“''js editor.on（'load'， （） => { 编辑。Panels.removePanel（'devices-c'） }) ``` 下次你可以试试用搜索功能......;) #875
verloka
“''jseditor.on（'load'， （） => {编辑。Panels.removePanel（'devices-c'）})```下次你可以试试用搜索功能......;)#875 谢谢
teawithfruit
你必须在初始化块中设置自定义设备管理器配置。 https://grapesjs.com/docs/api/device_manager.html 有了这个片段，你可以清除该列表。 “''js const editor = Grapesjs.init（{ deviceManager： [] }) ```
你好，如果我只选择文本的一部分来更改颜色，那就不起作用。它只改变了完整文本的颜色。 举个例子。如果我想只在“这是我的文本”里更改“我的文本”，我会选择它，更改颜色，但新颜色会切换到完整文本。 虽然它很小，但在日常工作中非常有用 ：-）
qtarant
你好， 我做这个任务是集成了CKEditor，所以你可以更改字体、字体样式、大小或颜色。最好的是你可以选择文本的任何部分，并只自定义那一部分。
artf
要实现你要求的功能，你应该在内置的RTE中[添加一个新动作]（https://grapesjs.com/docs/api/richtexteditor.html#add），并用封装器（例如“''元素）包裹所选文本<span>，一旦完成，你就可以添加你需要的样式了 使用自定义 RTE（如 CKEditor）会将内容置于 GrapesJS 上下文之外，因此所有可能的样式应由第三个库自行管理
你好， 我正在开发将我的本地化系统（i18n）与grapes.js集成。这个想法是有一个数据字段，用于存储 i18n 字符串。 '''html <div class=“content” data-i18n=“common：localize.string”></div> ``` 如果数据属性被设置，grapes.js会将字符串放在设置字段中显示。如果设置字段被更改，数据属性和画布内的内容也会被更改。如果设置字段被清除，数据属性将被删除。 如果文件被保存，属性也会被包含在内。在生产环境中使用该文件时，一个小脚本会搜索data-i18n属性，以正确语言设置元素内的文本。 现在我在实现上遇到了一些问题。如果我编辑设置字段，画布中的内容设置...
artf
@teawithfruit如果你期望在保存的HTML页面（除了GrapesJS编辑器）里看到什么，我看到它唯一能做的就是： “''js 脚本：function（） { console.log（“剧本完成！”） } ``` 所以它什么都没做，可能你也是误以为GrapesJS编辑器里的脚本能在导出的代码里工作（但最终HTML和编辑器无关）。更详细的解释[这里]（https://github.com/artf/grapesjs/issues/2181#issuecomment-5...
pouyamiralayi
你好@teawithfruit你的代码有几个问题： 1）你无法访问组件“脚本”中的“这个”模型：[Component & Js 文档]（https://grapesjs.com/docs/modules/Components-js.html） 2）如果你的用例是控制某个属性，你不必为此提供自定义特征;只需定义一个常规特征，并为该属性的变化添加监听器： 干杯！
teawithfruit
感谢你非常有帮助的回答！这是我更新后的模块/组件。 现在我还有一个问题。 我添加到组件中的脚本函数在保存的HTML页面中没有被调用。如果我在编辑器里把块添加到画布里，函数会被调用，但如果我保存页面并在grapes.js外打开，则调用不行。 如果我查看元素检查器，脚本标签是可见的，但没有被调用。 是我哪里做错了吗？ “''js 编辑。DomComponents.addType（'content'， { isComponent： el => el.classList && el...