#8962018年2月23日作者 maxtacco3 个回答
你好@artf, 我在用不同设备配置测试一个模板时发现了一个问题,这些配置本应触发媒体查询。我的模板生成的样式如下: “JavaScript [ { “选择者”:[ { “name”:“row”, “label”:“row”, “类型”:1, “active”:true, “private”:false, “protected”:错误 } ], “selectorsAdd”:“, “风格”:{ “display”:table“, “垫头”:“10px”, “padding-right”:“10px”, “垫底”:10px“, “padding-left”:“10px”, “宽度”:100% }, “mediaText”:“, “状...
vrudikov
@artf 创建了[PR](https://github.com/artf/grapesjs/pull/988)
artf
谢谢大家的提醒和精彩的视频@vrudikov,真的很有帮助。我会调查的
vrudikov
所以现在我们有了以下结构: 你想要的是这样的:
#8952018年2月23日作者 alvim2 个回答
我用的是GrapesJS v0.14.5的本地副本。 操作系统:Ubuntu 16.04 LTS 浏览器:Chrome 版本 64.0.3282.140(官方构建)(64位) 我觉得我无法从演示中复现出来 我有一个组件是当前脚本: “JavaScript 脚本:函数 () { console.log('运行脚本!', '{[ 时间戳 ]}'); var 时间戳 = '{[ 时间戳 ]}'; var comp = xGrapes.comp; var vm = new Vue({ EL: '#app-container-${timestamp}', 组件:{ 合成:合成 }, data: 函数 () { 返回 { 消息:“{[ 消息...
artf
'gjs-html' 包含最终的 HTML,也就是你的用户将要看到的 HTML,所以你看到脚本“编译”是正确的。要正确编辑,你必须依赖“gjs-components”,它基本上是模板的JSON表示,包含了所有关于组件的信息
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#8942018年2月23日作者 alimajed933 个回答
大家好, 我正在创建新块,使用以下方法: '编辑。BlockManager.add(blockId, { 标签:blockLabel, 内容:{...blockContent, “customAttribute”: “value”}, 属性:blockAttributes})' 我可以用 'editor.getSelected().get(“customAttribute”)'读取 customAttribute 如果创建的块内容是HTML格式而不是JSON,如何添加这个属性并像上面那样获得它? 例如:内容:<div></div> 提前感谢大家!
samuelmattos
你好@alimajed93试试! 编辑。BlockManager.get(“blockId”).attributes.content.customAttribute
artf
@alimajed93 我想你说的是这个 '''html <div data-gjs-custom-attribute=“value”></div> ``` 那么 'editor.getSelected().get('custom-attribute')'' 请注意,HTML 中的属性键不区分大小写,因此 'data-gjs-customAttribute=“value”会解析为 “customattribute”
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#8932018年2月23日作者 alimajed933 个回答
大家好, 我想为画布中拖拽的每个方块添加一个ID;更清楚地说,我不想为每种类型添加ID,比如:Image、Table、Box 等。我想为每个块添加ad ID,这意味着在示例中,块“1 section”变成“<表 ... blockID = 1>”。 我正在尝试使用这两个命令:'editor.getSelected().view.$el[0].setAttribute(“blockId”,“1”)”'editor.getSelected().get('components').trigger('resetNavigator')' 是的,如果我做“检查元素”,更改会显示在画布上,但如果我尝试导出模板的HTML代码,属性却没有被添加。...
nojacko
我觉得你需要把属性添加到模型上,而不是视图。 https://github.com/artf/grapesjs/blob/50cc585f23f2560077fd0e9a42ced22e67e69723/src/dom_components/model/Component.js#L298 然后,你需要渲染视图。 我觉得是这样,但不能保证一定 😄
ezp127
你好, 只是想举个例子,以防有人需要。
artf
就像James建议的那样,但没有“select.view.render()”,因为视图会同时接收变化
#8922018年2月22日作者 iceverge3 个回答
大家好, 我如何在保存邮件模板之前或保存后获得所有链接的价值?我想用代理URL替代链接。为了捕捉点击链接。非常感谢任何帮助。谢谢
artf
“''js 编辑。DomComponents.getWrapper().find('a').forEach(aModel => { cont current = aModel.getAttributes()['href'] ||''; aModel.addAttributes({ href: 'https://proxy?u=${current}'}); }) ```
iceverge
谢谢@artf。这真的帮了大忙。再次感谢。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#8912018年2月22日作者 arius282 个回答
也许在使用 getHtml() 时,如果图层管理器中隐藏了某些元素,那么导出后的 HTML 也应该隐藏这些元素。当然,可能有很多理由不应该这样做,那么有没有什么方法可以在不更改源代码的情况下,通过API或类似方式扩展来实现这个功能?
artf
嗯,事情已经是这样了 
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#8902018年2月22日作者 ekennedy803 个回答
我对JavaScript并不陌生,但当我尝试这个例子时: 我得到的是一张空白页。 这还包括加入CSS和Javascript库。 有什么建议能让它顺利运行吗? 看起来是个出色的项目!
maxtacco
我建议你用 Git 克隆其中一个示例,并用项目中包含的 NPM 命令运行。 在你上面的例子中,我会检查grapes.min.css和grapes.min.js文件的路径——确保你没有遇到404 - 未找到。
artf
试试这个吧 '''html <link rel=“样式表” href=“”https://unpkg.com/grapesjs/dist/css/grapes.min.css “> <script src=“https://unpkg.com/grapesjs”></script> <div id=“gjs”></div> <script type=“text/javascript”> VAR Editor = Grapesjs.init({ 容器:“#gjs”, comp...
ekennedy80
好的,我正在用 JSF 2.2 构建一个 CMS,但我无法在网页应用中让一个简单的示例运行起来。 但如果我用简单的文件和浏览器测试一个例子,我就能让它工作。 有人有使用 Grapsejs 配合 JSF 的经验吗? 我无法让一个简单的例子在JSF环境中工作。 任何建议都非常感谢,因为Grapesjs是一个我非常想用的优秀项目。
#8892018年2月21日作者 krunal0392 个回答
有没有办法销毁编辑器?我需要在用户点击时添加页面按钮,在编辑器中打开页面,保存后关闭编辑器,并删除所有相关引用。
artf
请点击这里 https://github.com/artf/grapesjs/issues/849
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#8882018年2月20日作者 NorthstarTech2 个回答
我想为一个与现有 svgs 列大小相同的块写一个 svg。我会在那里找到现有的 Grapesjs SVGS 代码,这些代码会显示在模块上。我想要列的 svg 代码,并根据需求进行编辑。 谢谢
artf
Tabs SVG 示例 https://github.com/artf/grapesjs-tabs/blob/master/src/blocks.js#L10-L17
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#8872018年2月20日作者 pwof422 个回答
你好, 我就是无法接受跑步的葡萄。这是我的日志:# NPM 开始> [email protected] start /var/www/web/server/grapesjs> npm 运行 build:css -- -w & webpack-dev-server --open --progress --colors> [email protected] build:css /var/www/web/server/grapesjs> node-sass src/styles/scss/main.scsss dist/css/grapes.min.css --output-style 压缩“-w”/var/www/web/server/gra...
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。