PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated我已经下载了 grapesjs-webpage-preset，想根据我的需求进行自定义，所以我在 index.html 文件里添加了自己的 HTML 和样式，使该界面可以自定义。那么，我如何让html代码中的div变成只读？我尝试在div描述中添加data-gjs-editable=“false” data-gjs-removable=“false”。 我还尝试把这段代码添加到index.js文件的src/components文件夹下： 但divs依然可以编辑......
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
嘿，@artf， 你能帮忙吗？ 我想禁用用户选择包装块（主体），但仍然想让他们为它做样式。 所以我在考虑添加一个自定义扇区，它会显示所有区块，但该扇区应用的样式会专门应用到CSS规则中。 有没有办法实现这一点？我花了一些时间研究代码，但没找到方法
arthuralmeidap
我的做法有几个缺点，但因为这个应用没有用样式管理器的选择器，看看我怎么做的; 我在新区域添加了一个自定义的“目标”属性。我开始听每个扇区的“change：open”，如果扇区有我的新自定义道具，我就用“编辑器”设置我想要的目标css规则。StyleManager.setTarget（'.my-class'， { targetIsClass： true }）;' 否则我会设置当前选中的块，比如“editor.StyleManager.setTarget（editor.getS...
arthuralmeidap
举个例子： 用户已选择文本块。在样式管理器面板上，会显示为现在的样子。CSS选择器应用到它上，像General或Decorations这样的板块用来做样式，另外还有一个全局部分，为特定CSS规则应用样式
artf
是的，我觉得是可行的，你应该在编辑器加载时手动添加一个新的扇区，输入更改时更新包装风格 'editor.getWrapper（）.addStyle（{ color： yourInputEl.value }）'，或者如果你需要特定的 CSS 规则，可以更新'editor.CssComposer.setRule（'.your-class'， { color： '...' }）;`
你好， 我有两个元素属于相同的职业。我想用样式管理器对这两个元素中的一个应用样式更改。我会添加ID，但样式是针对课程而不是ID的。 我该怎么办？
arthuralmeidap
在样式管理器里，你可以选择或取消选择哪些CSS选择器（类或ID） 你需要应用造型。 点击一个块，打开样式管理器面板。你会看到所有选择器都应用到该区块。
abozhinov
谢谢......界面不友好。
abozhinov
@artf 我觉得问题出在图标上。我会编辑源代码，替换成SVG，同时重写样式。 我有没有选项可以在不修改源代码的情况下替换每个部分的模板？ <img width=“1132” alt=“截图 2019-02-22 at 18 18 06” src=“https://user-images.githubusercontent.com/1404839/53255476-5ba1bd00-36ce-11e9-8974-5e51abc03575.png”> 这个框架很棒，我真的很喜...
你好， 我尝试使用新的模态，但当我更改内容时，图像模态也会随之改变： 'var modal = 编辑器。模态; modal.setContent（“<div>test</div>”）;' 我该如何保持图像模态，同时在我的特质中使用另一个模态？ 谢谢
artf
目前，无法同时拥有多个“编辑器”。模态实例
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试使用角度指令。 在任何方块内容上， 例如： ' bm.add（'radio-block'，{ 标签：“基本形式元素”， 范畴：C.范畴， 内容：'<输入类型=“文本” 名称=“用户名” id=“username” ngModel> ' }) ` 在导出时，ngmodel将是ngmodel。 那么，有什么可能的解决方案能让它在导出代码时显示ngModel。 我也找过[issue#1591]（https://github.com/artf/grapesjs/issues/1591） 但找不到解决办法。
artf
ngModel 是浏览器在 ngmodel 中转换的（HTML5 不接受大写属性） 你可以通过传递一个组件对象来跳过解析器 “''js bm.add（'无线电块'，{ 标签：“基本形式元素”， 内容：{ 标签名称：“输入”， attributes： { 类型： 'text'， ngModel： true } } }) ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我正在尝试将库与Angular7集成，但当将容器“<div id=”gjs“>'移</div>入材质组件（步进器）时遇到了问题。 我把代码放进 https://stackblitz.com/edit/angular-qa6gqz（本地环境里没有 grapesjs 错误）。 你能不能？
mcrodrig
供将来参考：问题涉及在 HTML 渲染前执行 grapesjs.init 调用，且 <div> mat-step 内部无法使用。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@artf 我有一个区块进入了区块管理器 和上面的脚本一样，我希望在该块渲染到界面的同时添加动态HTML内容。 我知道我不需要改变DOM。但我需要用模型来更改，但我不知道怎么用 ID/类别的模式来更改。 你能帮我吗？我该怎么实现？
artf
不@AkibDeraiya123如果你试图从“脚本”访问模型，说明你完全误解了它的概念，请仔细阅读这里 https://grapesjs.com/docs/modules/Components-js.html#basic-scripts“脚本”指的是最终的HTML（这里没有“model”、编辑器和GrapesJS），不是编辑器
AkibDeraiya123
感谢你的回复@artf， 所以，这意味着我不能在动态内容渲染到编辑器时加载到块里？ 如果是，那我该怎么做？ 我可以用“this.innerHTML = 'New HTML content''替换整个区块的html吗？
artf
当然可以，但不能通过“脚本”属性。你必须创建一个自定义组件并在那里更新它的模型
Ajax 调用了 assests 文件夹中上传图片文件 从本地添加图片运行正常。 但在另一种情况下，这并不起作用。请看一看 拖拽图像块 选择一张图片 删掉那张图片 在同一个地方再次添加同一张图片，“上传文件”功能无法调用 删除图片后，它不允许我上传同一张图片和位置的图片
artf
选中图片后必须清除文件输入
Shah-ali
请给我一些线索。如何清除文件输入？
Shah-ali
我想，我已经解决了。 In OpenAssets.js
我一直在用编辑器事件，注意到当组件从块拖到画布时，“component：mount”事件会多次触发，你可以在你的JSFiddle Starter里确认。 “JavaScript editor.on（'component：mount'， component => console.log（'mounted'， component）） ```
artf
@ateebahmed请不要像这样的问题打开。按照模板操作
ateebahmed
好的，我会重新打开。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想在组件从块拖到画布并渲染时选择它，我尝试过在“component：add”、“component：mount”注册事件并调用“editor.select（component）”，通过回调传递组件，但它没有正确初始化或缺少属性，比如它的类型和我预期的组件不符，自定义特性也没有初始化， 但如果我点击选中同一个组件，'component：selected' 里得到的组件就是我预期的，而且它的特性也被正确渲染。 我到底哪里做错了？
artf
https://github.com/artf/grapesjs/issues/1813#issuecomment-466408328
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。