GrapesJS 问题

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

找到 3,464 个问题

#3872017年10月6日作者 mekamleshk3 个回答
0 个反应

想保存模板名称

你好@artf @sonnylloyd @arthuralmeidap @cmcintosh 我正在尝试存储模板名称,但不确定如何将模板名称与模板数据一起传递。 我的意思是,我想通过一个提交按钮来存储模板名称和模板数据。 以下是我的代码: “''js <form id=“save-template” class=“test-form” action=“<?php echo baseurl(); ?>dragdropeditor/dragdrop/add” method=“POST” style=“display:none”> <div class=“putsmail-c”> <div class=“gjs-sm-property”...

daniel-farina

既然你已经在这个文件里加载了php,为什么不把它作为一个URL参数传递出来: “JavaScript urlStore: '<?php base_url(); ?>/dragdropeditor/dragdrop/add?templateId=<?=$templateId?>', ``` 我建议让这些功能在用户会话中运行,带代币等,但目前这样应该够用。

mekamleshk

@daniel-法里纳 我尝试从输入文本框保存模板名称,而不是templateId。

artf

其实总有个选项可以用你自定义的 ajax 调用,比如在数据里添加 'getHtml' 和 'getCss'。 如果需要使用 'editor.store()',你可以在 RemoteStorage 实例上添加或更新 '参数'(这些参数会随任何请求传递) “''js const RemoteStorage = 编辑器。StorageManager.get('remote'); RemoteStorage.set('params', {yourKey: 'yourValue'})...

#3862017年10月5日作者 RuudH3 个回答
3 个反应

打开新视图时扩展面板/命令示例/文档

你好,Artur, 首先,葡萄真是太棒了! 目前我正在尝试弄清楚如何创建一个带有按钮的盘状结构,这个按钮可以打开新视图,就像方块和图层管理器按钮那样。 我想在那个新视图里渲染我自己的一组物品。我看的是你用来打开那些视图的代码,但它是用管理器来渲染这些物品的。而且这些代码的作用也有些模糊。 如果能有更多关于这个主题的文献资料就太好了。

daniel-farina

熟悉GrapeJS的一个好习惯是尝试复制块管理器,自己创建一个。你可以通过编辑下面的文件来实现这一点。一个很好的例子是复制 src/blockmanagerand 命名为 src/sectionmanager,然后把所有名称从 BlockManager 重命名为 SectionManager。看看代码,行数不多。 然后你需要编辑以下文件才能让它正常工作: src/编辑/index.js ` SectionManager: em.get('SectionManager'),...

Moikapy

嘿,我也在考虑做类似的事情,发现了这里。 想知道是否有任何文档进一步解释创建新视图的过程。

artf

你好,@RuudH谢你的建议,我希望很快能发布更多关于这个论点的内容。目前,我只能建议你检查这些面板使用的命令(例如:[开放方块](https://github.com/artf/grapesjs/blob/dev/src/commands/view/OpenBlocks.js))

#3852017年10月5日作者 suchithmahadi2 个回答
0 个反应

举个SVG元素招聘的例子

你好,Artf, 请给出一个完整的带脚本的SVG组件示例。

artf

只要在模板里放SVG,编辑器就能解析它

lock[bot]

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

#3842017年10月5日作者 mekamleshk3 个回答
0 个反应

创建并编辑模板到数据库中

这是我创建新模板并将带有样式的内联HTML插入数据库的代码: “''js VAR Editor = Grapesjs.init ({ 身高:“100%”, 容器:“#gjs”, 插件:['GJS-preset-newsletter'], storageManager: { id:'', 类型:“远程”, 自动保存:错误, urlStore: '<?php base_url(); ?>/dragdropeditor/dragdrop/add', contentTypeJson: true, }, }); 编辑。Panels.addButton('options', [{ ID:“保存”, 类名:'fa fa-floppy-o ico...

arthuralmeidap

@mekamleshk打开开发者工具,看看 urlLoad 是否触发了 XHR 以及响应情况

artf

https://github.com/artf/grapesjs-preset-newsletter/issues/17 的复制品

mekamleshk

我能看出来 'createdat:“2017-10-05 13:17:36” id:“121” 模板-数据: '<table' class=“list-item” style=“box-sizing: border-box;”><tr style=“box-sizing: border-box;”><td class=“list-item-cell” style=“box-sizing: 'border-box;”>' 模板名:“firstname”' @arthuralm...

#3832017年10月5日作者 daniel-farina3 个回答
1 个反应

将元素的CSS加载到属性面板的最佳方式。

大家好, GrapeJS一旦深入其中,真的太有趣了。 我有一个简单的问题: 从新创建的元素加载CSS到属性面板的最佳方法是什么? 例如,我有一个黑色背景的盒子: ![图片](https://user-images.githubusercontent.com/13665117/31221731-a7b0d566-a992-11e7-808d-7c742a840646.png) 黑色背景来自元素中的风格 编辑器将样式标签转换为类,如图所示: ![图片](https://user-images.githubusercontent.com/13665117/31221906-300f9712-a993-11e7-9b5f-58238572...

daniel-farina

@artf我现在明白了 ![图片](https://user-images.githubusercontent.com/13665117/31252875-a5b4c5de-a9f0-11e7-9f07-0937896fa0f1.png) 我完全没注意到每个选择器旁边的复选框。把forceClass设置为false解决了我所有的问题! 我其实不太需要,因为我让源代码极度精简,尽可能少 div。非常感谢你! 丹

daniel-farina

我发现如果div没有类,只有样式,那么会创建一个单一类,背景应用到属性面板: ![图片](https://user-images.githubusercontent.com/13665117/31222351-ccf0ee72-a994-11e7-93c3-ded04be091e9.png) ![图片](https://user-images.githubusercontent.com/13665117/31222284-98b4d010-a994-11e7-96a7-07...

artf

你好,@daniel-farina,你看不到'.c1019's的背景,因为你的组件有两个类,所以默认样式管理器会选择CSS规则,选择器是所有类的组合,比如你用的'.col-8.c1019'。如果你想看到“.c1019”的样式,可以直接取消选择“.col-8” ![Schermata 2017-10-05 Alle 13 11 54](https://user-images.githubusercontent.com/11614725/31224578-ce1dc24a-a9...

#3822017年10月5日作者 mekamleshk3 个回答
0 个反应

把 HTML 和内联 CSS 存储在 Editor.Store()

我正在尝试存储html和内联css,请问你能告诉我如何传递给 editor.store()函数吗? @artf “''js 编辑。命令.add' (“save-db”, { 运行:函数(编辑器,发送者) { 发送者 & 发送者.set('active');关掉按钮 var html = editor.runCommand('gjs-get-inlined-html'); editor.store(); alert(“Draft”); console.log(html); editor.on('storage:store', function(e) { console.log(“储存”,e); }); } }); ```

sonnylloyd

@mekamleshk editor.store() 函数接收 html、components、css、html 和样式,并传递给 storage:store 事件,你可以像上面那样访问它 抱歉如果我没理解你的意思,但看起来你是想加个保存按钮 保存按钮 商店活动 如果你想把这些数值发布到后端,可以用Grapejs内置的远程存储功能 在Grapejs的初始化中,你会想要类似这样的东西 这会向后端发布一个 JSON 字符串

mekamleshk

请重新检查我的代码,我已经更新了。@sonnylloyd @artf 我想存储内联 HTML 'var html = editor.runCommand('gjs-get-inlined-html');' 通过 mysql 数据库 'editor.store()'函数

artf

https://github.com/artf/grapesjs-preset-newsletter/issues/16 的复制品

#3812017年10月5日作者 tomichal2 个回答
0 个反应

在类型检查时用“字符串”代替“文本”吗?

下面的这行似乎无法用于“文本”参数是字符串。 “typeof text === 'text'” 真的应该是“typeof text === 'string'”吗? JavaScript 里真的有“文本”类型吗?据该消息来源,没有:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Datastructures 感谢任何建议和可能的解决办法(除非不是“但是”,我只是漏掉了什么?) https://github.com/artf/grapesjs/blob/0934a882fa53af1b27d88ccc975028aa17f5850f/src/assetmanager/vi...

tomichal

啊,刚看到这个:https://github.com/artf/grapesjs/issues/372

lock[bot]

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

#3802017年10月4日作者 sambuev3 个回答
0 个反应

演示网站上的图片上传器无法使用

它不能从PC上传图片,只能从webs-earch上传,另一个选项也没用,是API相关的问题。

artf

是的,很可能是Filestack的API有问题,我稍后会检查。

artf

更新了API密钥

lock[bot]

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

#3792017年10月4日作者 sambuev2 个回答
0 个反应

如何在演示模板中导出作品?

找不到导出模板的选项......这个按钮在哪里?找不到。

artf

![Schermata 2017-10-05 Alle 13 17 47](https://user-images.githubusercontent.com/11614725/31224826-be8b84ce-a9cf-11e7-9e57-3b2821627b2d.png)

lock[bot]

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

#3782017年10月4日作者 sambuev3 个回答
0 个反应

如何更改背景颜色?

找不到任何可以更改背景颜色的选项吗?我想放置自己的图像(怎么做?),并更改div图层的背景。还没找到这个选项。

sambuev

在演示里找到了。我想上传图片,但它只接收了,刷新了窗口,什么都没做。这是演示版的限制吗?我只用官方网站上的演示版。

artf

点击这里查看上传器 https://github.com/artf/grapesjs/issues/380

lock[bot]

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

浏览所有主题