GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#11412018年5月29日作者 inventorbit2 个回答
2 个反应

如何扩展现有特征并在画布中表现变化?

我正在尝试编写一个插件来管理 Boostrap Block 的所有元素属性。如果有人点击按钮,它会显示按钮相关的属性,比如按钮颜色、大小等......(基于默认的引导类) 接下来的代码——修改了模型中存储的按钮类和设置,但我不知道如何正确渲染这些更改。 这是我的代码:

artf

在这种情况下你不需要更新视图,只需在模型内部更改类即可。你只需要这个 “''js doStuff() { this.setClass(this.get('classProp')); }, ```

lock[bot]

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

#11402018年5月28日作者 TclasenITVT3 个回答
1 个反应

IE11 通讯演示无法正常工作

一般信息 我正在 http://grapesjs.com/demo-newsletter-editor.html 试试当前的试玩版。网页演示运行顺利,但通讯演示失败了。 ![图片](https://user-images.githubusercontent.com/35216119/40603532-7caa65ac-625c-11e8-8c32-94a4db4cdb08.png) 我使用的是Windows 10上的IE 11。IE版本是11.1088.15063.0,更新版本是11.0.65(KB4103768)。发生了什么 ![葡萄酱11](https://user-images.githubusercontent.com/3...

TclasenITVT

@artf非常感谢你帮我解决这个问题 👍

shareefhiasat

@TclasenITVT请编辑步骤以复现并添加此链接 [在线测试浏览器,查看 IE 11 在线葡萄链接](https://www.browserling.com/browse/win/7/ie/11/http%3A%2F%2Fgrapesjs.com%2Fdemo-newsletter-editor.html) @artf它在 Edge IE 上工作(我是 20 版) 此致

TclasenITVT

@shareefhiasat你对我编辑复制步骤的方式满意吗?

#11392018年5月28日作者 ionic6661 个回答
0 个反应

使用内置表格组件

我想请教一下你对如何使用内置表格组件的看法

lock[bot]

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

#11382018年5月28日作者 dinhjeffrey2 个回答
0 个反应

只在块管理器下显示“阻挡”元素

不确定是不是应该这样,但我已经克隆了仓库,npm 启动了。我只能看到“Block”这个元素;无法看到链接、视频、章节、文本、引用等元素。区块管理器中的这些其他元素是如何运作的?

JulyanoF

@dinhjeffrey你需要安装这个扩展: [基础积木](https://github.com/artf/grapesjs-blocks-basic)

lock[bot]

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

#11372018年5月27日作者 shareefhiasat3 个回答
2 个反应

不能让文本块既不可编辑又可样式化!

演示/重现问题 https://jsfiddle.net/shareefhiasat/u8Lodyh7/1/ 问题 不确定是bug还是我不知道怎么获得想要的行为 预料中 我需要类似文本元素的元素,并且能够样式化,但不能更改内容(文本) 真实的与我尝试过的 我尝试过维基和文档里的一些解决方案,比如可编辑设置为 fales,但都没用 https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js 它变得无法编辑和点击,甚至完全无法拖拉样式, 我需要内容的不可编辑选项@artf你能告诉我上面演示中的位置和方法吗?

shareefhiasat

@artf是的,朋友,真的能正常工作,非常感谢 现在的样子是这样,供以后参考,小提琴你不能编辑,但你可以打样式 [https://jsfiddle.net/shareefhiasat/jdpkccz0/](https://jsfiddle.net/shareefhiasat/jdpkccz0/) 你可以关上它, 此致

shareefhiasat

更新 供将来参考,我更新了 jsfidle,包含可编辑和不可编辑组件示例, 请注意,鼠标悬停在元素上的外观和行为无法正常使用,无法编辑

shareefhiasat

@julyanof @artf 请帮帮我,也许我自己太简单了

#11352018年5月25日作者 JulyanoF3 个回答
0 个反应

两个html标签合为一(链接/按钮)

是否有可能有两个元素(div 和 lnik)并作为一个整体? 例如:有“我的以下链接”块: '<div class=“row”><a class=“btn” href=“http://test.com”>链接在此</a></div>” 我希望点击“div”或“button”时,编辑器视图中显示“'<a>'为选中元素,但在包装器中显示为已选中的元素。

artf

你应该创建一个[自定义组件](https://github.com/artf/grapesjs/wiki/Components)

JulyanoF

@artf我尝试扩展原始链接组件,但似乎不起作用 这并没有改变什么...... 我已经尝试关闭“自动渲染”,并在所有更改后重新渲染。 我可以用BlockManager更改内容,只设置一个新的: bm.get('c85').set({ 内容:'<div class“row”><a class=“btn”>链接在此</a></div>' }); 但点击按钮时,它只选中了按钮(不是 div),点击 div 时,也没有选择我的按钮自定义设置;

JulyanoF

@artf正如你说的,我尝试过用组件,但结果没达到预期。你能帮帮我吗? 我的链接块印有以下内容: '<div style=“height:45px;margin:0 auto 10px auto;padding: 5px 5px 5px 5px 5px;width: 100%;text-align:center”><a class=“btn btn-purple”>Button</a></div>' 我也在尝试点击div时获得按钮,或者点击时选择所有div。 在组件方面,我...

#11342018年5月25日作者 kuldeepcis2 个回答
0 个反应

在样式表中为新一类现有块添加自定义样式。

你好@artf _(“地图”)&& i.add(“地图”, { 标签:n.labelMap, 范畴:n.范畴, 属性:{ 职业:“法法马欧” }, 内容:{ 类型:“地图”, 类:['map-width'], 不可样式化:[''宽度'], 风格:{ 高度:“350像素”, 宽度:“自动” } } }); 在Map元素上添加一个新类“map-width”,现在我想为该类添加新的CSS。 你能指导我如何在样式表中添加该类的自定义样式吗?这样点击导出时,样式会显示在CSS部分。还能用粉色和X符号反射,好像是外加的。 请指引我 提前感谢大家。:)

artf

你可以把它加到模板里,也可以放在块里。顺便说一句,开新账号前一定要检查其他问题,这类问题很多

lock[bot]

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

#11332018年5月25日作者 kuldeepcis2 个回答
0 个反应

添加包含元素和特征的新方块

你好@artf 我必须创建一个包含多个元素和特性的新方块。 比如社交资料元素,包含多个元素,比如Facebook、G-plus、Twitter,还有更多其他元素。 每个元素都有两个选项,一个是URL,另一个是通过复选框显示或隐藏图标。 请参见 fiddle 网址:https://jsfiddle.net/3xhqkc96/9/ 现在在这种带有特质的单一元素中,变化会反映在主元素块上,而不是特定元素。 请为上述问题提供解决方案。 提前感谢:)

artf

@kuldeepcis 你创建一个“social-icons”组件作为默认的“<div>'',然后在初始化时添加这个: '''html <a data-js=“social-icons” href=“” target=“_blank” style=“border: none;text-decoration: none;” class=“facebook”> <img src=“https://www.ctltrax.com/staging/frontend/assets/f...

lock[bot]

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

#11322018年5月25日作者 agungjanuar3 个回答
0 个反应

我该如何获得<body>标签及其属性

我已经为“身体”设置了背景色。但如果是编辑代码或用命令导出数据 'editor.runCommand ('gjs-get-inlined-html');' 没有设置任何“body”属性。使用这个命令时,我该如何解决身体标签要被检索的问题?还是有其他方法? 设置背景色为身体时的图片: ![图片](https://user-images.githubusercontent.com/39617738/40535999-f7528692-6034-11e8-80c8-3ed02f5dada9.png) 编辑HTML时的图片(正文无属性): ![图片](https://user-images.githubusercontent.com/39...

artf

有这个选项 “''js editor.init({ ... exportWrapper: true, }) ```

agungjanuar

谢谢@artf,效果很好:)

lock[bot]

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

浏览所有主题