PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
你好，Artur， 我在想是否可以添加一些用于图片上传模态的输入框？ ![捕获]（https://user-images.githubusercontent.com/19713918/53359191-35636380-3900-11e9-84b2-2c2242b6cb3b.JPG） 我想在上面截图的红色区域添加一些方框。 这些盒子是用来添加图像的 href 的
artf
你可以拦截资产打开命令，然后根据需要操作 DOM “''js editor.on（'run：open-assets'， （） => { const el = 编辑。Modal.getContent（）.querySelector（'.gjs-am-assets-cont'）; ... }) ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，@artf， 你做得很棒。 我试着在鼠标悬停的区块（block）里加一个按钮。你能帮我添加或显示悬停时的“添加列”按钮吗？ 我关注的是#1789号 ![hover_btn]（https://user-images.githubusercontent.com/8086390/53349309-091f0580-3947-11e9-8629-21a1a67d5164.png）
artf
@sanjib00我觉得这个演示 https://jsfiddle.net/xcv07abt/ 足以让你明白下一步该做什么
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，Artur， ![捕获]（https://user-images.githubusercontent.com/19713918/53278675-a4f70a00-36d8-11e9-8ae2-4fd22dcbf2a0.JPG） 如何添加这张图片的链接？ 如果我需要创建自定义组件，请给我一些示例代码，Artur...... 非常感谢
Shah-ali
拖动一个链接块，然后把图片块拖入链接块内部。
artf
@luvcharan你必须用“Link Block”，而不是“Link”
luvcharan
你好， 在 grapesjs 中添加链接（href）到图片中。 首先我们先在 grapesjs 添加图片，然后添加该图片的链接，图片旁边显示“链接”文字，但我无法添加该图片的链接。我在这里附上截图，请帮帮我解答 ![grapesjsLinkIssue]（https://user-images.githubusercontent.com/17022456/67752261-b313dc00-fa58-11e9-8643-f86a8b9bfe7d.png）
我已经下载了 grapesjs-webpage-preset，想根据我的需求进行自定义，所以我在 index.html 文件里添加了自己的 HTML 和样式，使该界面可以自定义。那么，我如何让html代码中的div变成只读？我尝试在div描述中添加data-gjs-editable=“false” data-gjs-removable=“false”。 我还尝试把这段代码添加到index.js文件的src/components文件夹下： 但divs依然可以编辑......
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
@arthuralmeidap能告诉我如何为每个设备设置不同样式吗？ 我采用移动优先策略。 例如，在移动端和桌面设备上设置不同的背景。 mediaCondition：“最小宽度”， var deviceManagerConfig = { 设备： [ { 名称：“桌面版”， 宽度：“， widthMedia：'768px' }, { 名称：“平板”， 宽度：'768px'， widthMedia：'320px' }, { 名称：“Mobile”， 宽度：“320px”， widthMedia：'0px' } ] };
umerrinayat
@abozhinov我也遇到同样的问题。你解决了问题吗？你能在这里分享吗？谢谢
theSC0RP
@abozhinov @umerrinayat我也遇到同样的问题。如果你已经解决了，能否在这里分享？
abozhinov
没有，我没有。我还在寻找解决办法。
嘿，@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]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。