GrapesJS 问题

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

找到 3,464 个问题

#18282019年2月25日作者 SeongwoonHong2 个回答
0 个反应

添加一个用于图片上传的文本框,模态?

你好,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]

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

#18272019年2月25日作者 sanjib002 个回答
0 个反应

如何在悬停时的区块(方块)中添加按钮?

你好,@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]

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

#18262019年2月23日作者 SeongwoonHong3 个回答
5 个反应

如何添加图片链接?

你好,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 添加图片,然后添加该图片的链接,图片旁边显示“链接”文字,但我无法添加该图片的链接。我在下面附上截图,请帮帮我 ![葡萄链接问题](https://user-images.githubusercontent.com/17022456/67752261-b313dc00-fa58-11e9-8643-f86a8b9bfe7d.png)

#18242019年2月22日作者 sakshigarg91 个回答
0 个反应

将div定义index.html在grapesjs-webpage-preset只读的

我已经下载了 grapesjs-webpage-preset,想根据我的需求进行自定义,所以我在 index.html 文件里添加了自己的 HTML 和样式,使该界面可以自定义。那么,我如何让html代码中的div变成只读?我尝试在div描述中添加data-gjs-editable=“false” data-gjs-removable=“false”。 我还尝试把这段代码添加到index.js文件的src/components文件夹下: 但divs依然可以编辑......

lock[bot]

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

#18232019年2月21日作者 abozhinov3 个回答
0 个反应

如何在每个设备上设置不同元素的样式。(回应)

@arthuralmeidap能告诉我如何为每个设备设置不同样式吗? 我采用移动优先策略。 例如,在移动端和桌面设备上设置不同的背景。 mediaCondition:“最小宽度”, var deviceManagerConfig = { 设备: [ { 名称:“桌面版”, 宽度:“, widthMedia:'768px' }, { 名称:“平板”, 宽度:'768px', widthMedia:'320px' }, { 名称:“Mobile”, 宽度:“320px”, widthMedia:'0px' } ] };

umerrinayat

@abozhinov我也遇到同样的问题。你解决了问题吗?你能在这里分享吗?谢谢

theSC0RP

@abozhinov @umerrinayat我也遇到同样的问题。如果你已经解决了,能否在这里分享?

abozhinov

没有,我没有。我还在寻找解决办法。

#18222019年2月21日作者 arthuralmeidap3 个回答
1 个反应

为特定的 CSS 规则添加样式扇区

嘿,@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: '...' });`

#18212019年2月21日作者 abozhinov3 个回答
3 个反应

如何将样式更改应用到ID上,而不是类上?

你好, 我有两个元素属于相同的职业。我想用样式管理器对这两个元素中的一个应用样式更改。我会添加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”> 这个框架很棒,我真的很喜...

#18202019年2月21日作者 MisterFK2 个回答
0 个反应

Modal.setContent 也修改图像 modal

你好, 我尝试使用新的模态,但当我更改内容时,图像模态也会随之改变: 'var modal = 编辑器。模态; modal.setContent(“<div>test</div>”);' 我该如何保持图像模态,同时在我的特质中使用另一个模态? 谢谢

artf

目前,无法同时拥有多个“编辑器”。模态实例

lock[bot]

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

#18192019年2月20日作者 sushiljic2 个回答
0 个反应

:强制屏蔽内容属性(我用的是ngModel)改写为小写

我正在尝试使用角度指令。 在任何方块内容上, 例如: ' 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]

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

#18182019年2月20日作者 mcrodrig2 个回答
2 个反应

:使用 Angular7 和材料制作葡萄

我正在尝试将库与Angular7集成,但当将容器“<div id=”gjs“>'移</div>入材质组件(步进器)时遇到了问题。 我把代码放进 https://stackblitz.com/edit/angular-qa6gqz(本地环境里没有 grapesjs 错误)。 你能不能?

mcrodrig

供将来参考:问题涉及在 HTML 渲染前执行 grapesjs.init 调用,且 <div> mat-step 内部无法使用。

lock[bot]

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

浏览所有主题