#11692018年6月5日作者 JulyanoF2 个回答
0 个反应
在组件中获取并设置一些样式为活动元素
是否可以在组件设置标签页中设置一些风格属性，比如颜色、背景色、字体大小，以及特征？
artf
其实不完全是，但你可以创建一个特性，在更改时更新组件的样式
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
GrapesJS 问题
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
#11682018年6月5日作者 babak-karimi-asl2 个回答
1 个反应
为什么缺少 transform ： translate（） ？
完美。最后，社区正在打造一个完美工具，能够100%控制CSS和HTML。 但我想知道为什么缺少“变换：翻译”？ ![2018-06-05-2338511366x768scrot]（https://user-images.githubusercontent.com/31150843/40997941-828730ca-691b-11e8-85dc-4d60b2e05103.png）
artf
缺少它只是因为这是[预设插件]（https://github.com/artf/grapesjs-preset-webpage/blob/master/src/styles/index.js）中定义的方式，但你实际上可以用配置覆盖它，添加所有需要的变换
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#11672018年6月5日作者 maxencehenneron3 个回答
2 个反应
导出选项
你好，@artf， 除了 HTML/CSS 还有其他导出选项吗？我在想一种方法，可以直接从远程服务器加载配置，然后实时在网页上渲染。 葡萄干得漂亮！:)
artf
是的，当然，我在这里已经详细解释了事情 https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates 你可以从 HTML 启动编辑器，或者直接（不解析）通过 JSON 启动编辑器 “''js Grapesjs.init（{ ... 组件：“<div>......</div><div>......</div>, }); 或者 const editor = Grapesjs.init（{ ... 组...
artf
谢谢@maxencehenneron，但我不明白“我想找一种方法直接从远程服务器加载配置并在网页上实时渲染”（你已经可以通过内置远程存储实现）和“除了 HTML/CSS 以外的其他导出选项”有什么关系，你还需要什么？ 顺便说一句，也许这能帮到你：https://github.com/artf/grapesjs/wiki/Storage
maxencehenneron
目前，grapeJS 导出模板格式为 HTML/CSS，我想知道是否有简单的方法可以创建一个前端应用，通过远程存储加载 GrapeJS 保存的配置并渲染到网页上。流程如下：使用 GrapeJS 构建模板，并通过你发送的维基页面中的远程存储保存到远程服务器有一个网页服务器，从远程端点获取配置，并在有人加载页面时直接渲染所有组件。 我很容易就完成了第一部分，但第二部分我还在挣扎，它是原生实现的吗？ 目前，编辑器调用远程存储端点，包含一些参数，如 GJS-CSS 与 CSS 样式...
#11662018年6月5日作者 ionic6663 个回答
0 个反应
会有额外的div
你好，当我拖动一个 div 时，它周围会多一个额外的 div。 ![qq20180605-132832]（https://user-images.githubusercontent.com/36065691/40956801-af942912-68c4-11e8-880d-d4248fd9d690.png） ![qq20180605-132816]（https://user-images.githubusercontent.com/36065691/40956802-b066e032-68c4-11e8-89ea-2a7b13a02b5d.png）
shareefhiasat
@ionic666好问题，你能像现在这样准备JS小提琴吗？[https://jsfiddle.net/ssabrewolf/7ur0cwq3/32/]（https://jsfiddle.net/ssabrewolf/7ur0cwq3/32/）这样可以省下我们回复的时间，谢谢。
artf
这就是你要求渲染的......“components”在你的案例中是子节点，可能你只需要这个“content”：<div>'123</div>'
ionic666
@shareefhiasat抱歉，我打不开你提供的网址，能给我截图或代码吗？谢谢
#11652018年6月4日作者 blaasvaer2 个回答
1 个反应
网页演示和Newletter演示都显示空白页......
警告 请阅读并遵循接下来的五个步骤，然后在发布问题前删除它们 成交！
babak-karimi-asl
我也遇到过同样的问题。解决了。[此处有解释]（https://github.com/artf/grapesjs/issues/1160#issuecomment-394823661）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#11642018年6月4日作者 bhavinshiroya19941 个回答
0 个反应
Grapesjs 如果导入部分为空白，点击提示部分是空白的？
我需要在点击“选择空白”或“非”的导入部分查看，以及下面“技术化”图片下方的更多信息。 [https://user-images.githubusercontent.com/37970833/40917410-ca408020-6820-11e8-90cf-8b1020394181.PNG] 请告诉我该怎么处理？ ！此致敬礼
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#11632018年6月4日作者 agungjanuar3 个回答
0 个反应
我该如何设置<body>属性
你好，@artf， 在之前的问题#1132中，关于导出“<body my=”attributes“>'代码，我记得是用”exportWrapper： true“完成的。但现在遇到了限制，当它从“''导入属性时，<body>我尝试设置属性却不起作用。我用的是“importWrapper： true”。有什么解决办法吗？ 请帮帮我，谢谢:) 图1：导入带有属性的标签正体，编辑代码时缺少该属性 ![图片]（https://user-images.githubusercontent.com/39617738/40899700-700c9f54-67f2-11e8-94ec-852116fe7de6.png）
shareefhiasat
你好@agungaja，请你指明'exportWrapper： true'的文档吗？不知为何我找不到，我觉得它可能解决了问题，但想看看它的维基！谢谢
agungjanuar
是的，确实如此，我也找不到。我是在#1132期中才从@artf那里得到的信息。或者我有更少探索性的文档😄。 关键是，为什么内容集会使用 'var initcontent = $（'#import_html'）.val（）;' 'editor.setComponents（initcontent）;' 身体属性“背景色：#f3f3f3;”消失了
artf
@agungaja没有“importWrapper”选项，也不能导入标签<body>“。GrapesJS 期望用户传递内容......而非WRAPPER（大多数情况下是正体），包装器应由其配置定义（https://github.com/artf/grapesjs/blob/dev/src/dom_components/config/config.js#L9-L24）;
#11622018年6月4日作者 kaloyankostov3 个回答
0 个反应
：Handlebars 渲染模板中的可编辑组件
你好，我已经用葡萄大约有几天了。感谢你在这个项目上的精彩工作。我已经看过API文档（希望没漏掉这部分），也尝试了一些方法。基本上，我用 Grapes 加载已有的 .hbs（把手）文件，用户就可以编辑了。我看到之前有人问#938里如何整合车把，我照做了，最后得到了。 “JavaScript var comps = this.grapesEditor.DomComponents; 从默认的组件类型获取模型和视图 var defaultType = comps.getType（'default'）; var defaultModel = defaultType.model; var defaultView = defaultType.v...
kaloyankostov
进一步澄清一下，因为我现在觉得我的帖子比必要的更长。我又查了一下，找到了#978。那里描述的问题和我的情况完全一样。我基本上有一个自定义组件，HTML字符串中有几个子元素，但这些子元素都无法选择或编辑。它们都作为一个可编辑元素加到父元素上（我这里通常是“<div>'）。是否可以像使用 editor.setComponents（） 那样，遍历所有子组件，并让它们单独识别，但使用自定义组件？我需要一个自定义组件，因为我想把渲染后的视图和源HTML不同。谢谢
artf
我看到有几个点存在冲突：保留车把模板的源代码让渲染后的车把模板的各个元素可以在葡萄编辑器中编辑 如果你编辑内容，理应得到这些修改，对吧？但你还是要把手模板作为退货，那编辑它们的意义何在？？ 顺便说一句，我给你一些提示，然后试着弄清楚你需要什么（没测试过）： “''js comps.addType（'handlebars'， { model： defaultModel.extend（{ 默认值：{ ...defaultModel.prototype.defaults Drop...
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
#11612018年6月2日作者 besingasj2 个回答
0 个反应
我需要包含dropzone css来显示拖拽悬停吗
我在 assetManager 里启用了 dropzone，我觉得它运行正常。但我也注意到，当图片被拖拽时，悬停效果没有效果。我只看到左上角的文字。这是我对葡萄的启蒙。 “''js 从“GrapesJ”导入葡萄; import 'grapesjs-blocks-basic'; LET editor = Grapesjs.init（{ 容器：“#gjs”， 身高：“100%”， 插件： ['gjs-blocks-basic']， pluginOptions： { 'gjs-blocks-basic'： {} }, 店长 storageManager： { 类型：1， 自动加载：“无” }, 资产管理公司 资产管理人：{ 上传：“ht...
artf
@besingasj投放区的造型由你决定
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#11602018年6月2日作者 ADTC3 个回答
1 个反应
：演示页面无法加载——疑似鸟舍问题
类似 #1140，但它是在 Firefox 60.0.1（64 位）中，控制台会显示以下内容： 网页演示版： 在通讯演示中：你用的是最新版本吗（旧版本不支持）？不知道如果不确定，在控制台输入“grapesjs.version”并按回车你是在本地GrapesJS版本遇到这个bug，还是当前的演示版？演示如果是本地副本说明所有关于您的操作系统、浏览器和GrapesJS版本的信息。Windows 10，Firefox 60.0.1（64位）你能复现演示中的漏洞吗？是的预期的行为是什么？施工演示接下来会发生什么？空白页面（禁用不追踪时显示广告）如果你能复现该漏洞，请标明所有必要步骤 > 访问演示页面附上截图（使用 KAP/LICEcap）...
blaasvaer
所以，网站首页上有些演示，但如果没有我们绕过各种繁复程序，根本无法正常工作。你为什么不直接修正网站上的页面呢！？
ADTC
嗯......这个问题似乎在我发帖后消失了。我之前刷新过好几次，但它依然存在 之前。 如果你觉得没什么可修复的，请随时关闭。
babak-karimi-asl
我也遇到过同样的问题。 只需安装这个名为[HTTPS Everywhere]（https://www.eff.org/https-everywhere）的[Chrome扩展]（https://chrome.google.com/webstore/detail/https-everywhere/gcbommkclmclpchllfjekcdonpmejbdp?hl=en）。 空白页面是因为HTTP和HTTPS请求混合存在安全风险，浏览器加载页面却什么都没有显示。你可以看到控制...