GrapesJS 问题

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

状态

排序

找到 1,399 个问题

🔍 outdated

#10892018年5月7日作者 kuldeepcis3 个回答

0 个反应

已过时

带有特质的自定义插件

“''js Grapesjs.Plugins.add（'Social-Icons-Component'，（editor， opts = {}） => { 设c = opts; 设默认值 = { 方块：“社交偶像”，默认风格 defaultStyle： true，默认的开始时间，比如'2018-01-25 00:00' 开始时间：“， }; 加载默认值对于（设默认名称）{ 如果（！（c））中的名称 c[name] = defaults[name]; } // 添加组件 loadComponents（editor， c）; // 添加组件 loadBlocks（编辑器，c）; const domc = 编辑。主导组件; co...

xr0master

你需要启动内容字段。大概是用来覆盖HTML的方法。这取决于什么方法不行

artf

@kuldeepcis你没有展示如何使用组件，请通过jsfidle提供一个实时示例

kuldeepcis

你好@artf，这就是它的把柄 https://jsfiddle.net/apaoa5o2/14/ 在额外部分里有社交图标的块这里的问题有： 1）拖拽时需要选择父选项才能看到右侧的设置部分。在设置里你会看到Facebook的网址和facebbok。 2）当你在Facebook编辑URL并勾选复选框时，左侧会看到反射。我希望这个复选框在页面加载时被预选。 3）导出时，Facebook图标没有我们设置的URL。请告诉我我们该怎么做。

查看详情

#10882018年5月7日作者 kuldeepcis2 个回答

0 个反应

已过时

为地图添加新的自定义默认职业

请问你能告诉我如何在地图iframe的父div中添加自定义类别吗？当我尝试在“grapesjs-preset-webpage.min.js”的move函数中添加自定义类时，会显示，但页面加载时会删除该类。请指导我如何添加职业。能否提供未压缩的grapesjs-preset-webpage.min.js js？

artf

用你想要的封装器创建你的方块，然后把地图组件放进去你能提供未压缩的 JS 吗grapesjs-preset-webpage.min.js？你可以自己搭建，在package.json里查看脚本

lock[bot]

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

查看详情

#10872018年5月7日作者 ionic6662 个回答

0 个反应

已过时

我怎么把一个元素拖进另一个元素里

在我的面板里，我想把一些按钮拖到一个方块里，我该怎么做

artf

那就把按钮拖进你的方块里

lock[bot]

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

查看详情

#10862018年5月6日作者 dwengticorp2 个回答

0 个反应

已过时

用外部JavaScript生成组件的方法是什么？

看来我不该问这个问题，但我确实花了很多时间搜索，没能找到好的指南。我想创建一个 Facebook 块，它包含几个 DIV 标签，还有一个脚本可以加载 FB sdk，并将内容渲染成 DIV 标签。 '<div id=“fb-root”></div>' ' <div class=“fb-page” data-href=“” data-tabs=“timeline” ' data-width=“425” data-height=“525” data-small-header=“true” data-adapt-container-width=“true” data-hide-cover=“false” data-show-facepi...

artf

创建一个[Component]（https://github.com/artf/grapesjs/wiki/Components）（也要看看如何用js创建它们]（https://github.com/artf/grapesjs/wiki/Components-&-JS））会给你更多控制权（比如添加你的特征），但就你而言，如果你只需要一个可拖拽的元素，你可以把它包裹在这样的 div 里 '''html <div class=“fb-wrapper” data-gjs-drop...

lock[bot]

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

查看详情

#10842018年5月4日作者 dsgh2 个回答

0 个反应

已过时

Bind handleAdd 以便实现者获得引用

我标记为bug，因为我觉得这反映了一个小的不一致;但也可以理解为功能请求。情景是：我提供了自己关于“uploadFile”和“handleAdd”的方法，这在今天是可行的。我看到“uploadFile”绑定到了它的父对象，这让我可以通过在方法里操作“this.config.em.get（'Editor'）”来获取编辑器对象的handle，这很酷。但是，我不能对“handleAdd”做同样的事。我也希望能做到同样的事——而且我相信那样会更稳定。作为另一种解决方案，“编辑器”可以作为这两种方法的最后一个参数传递——我也没问题，如果更喜欢这样请告诉我。

artf

完全同意一致性 👍

lock[bot]

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

查看详情

#10832018年5月4日作者 pintor-mato2 个回答

0 个反应

已过时

导入模板

你好。我有一个这样的json字符串 '{ “assets”： “[{\”type\“：\”image\“，\”src\“：\”./img/team1.jpg\“，\”unitDim\“：\”px\“，\”height\“：0，\”width\“：0}]”， “css”： “* { 框大小：border-box; }body {margin： 0;}“， ”styles“： ”[]“， ”html“： ”“， “components”： “[]”}'。现在我想导入它。

artf

说实话，我建议跟着存储管理器的流程操作，但无论如何，你可以通过以下方式实现： “''js const obj = var tt = JSON.parse（yourJsonString）; editor.setComponents（obj.components）; 编辑。setStyle（obj.styles）; ```

lock[bot]

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

查看详情

#10822018年5月3日作者 ionic6662 个回答

1 个反应

已过时

Vue.js用它

我该如何在vue.js中使用它

cjpollard

这个帖子应该能回答你的问题。https://github.com/artf/grapesjs/issues/275

lock[bot]

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

查看详情

#10812018年5月3日作者 mmeeeooowww3 个回答

0 个反应

增强已过时

RemovePanel 不会移除面板

我正在尝试拆除一个面板。函数第一次运行“removePanel”时返回面板，再次运行时返回未定义。值得注意的是，取回所有面板后该面板不再退回，但它仍然可见且可用。我试着移除演示页面左上角的设备选择按钮，但我也尝试去掉了“选项”和“视图”，结果一样。预期行为：执行编辑。Panels.removePanel（'devices-c'）;' 应该会移除设备选择面板。当前行为：执行编辑。Panels.removePanel（'devices-c'）;does not移除设备选择面板。 ![图片]（https://user-images.githubusercontent.com/33463827/39554942-4080d802-...

FrciSmrci

嘿，@mmeeeooowww，面板应如本期讨论的那样拆除，https://github.com/artf/grapesjs/issues/824#issuecomment-362029424。祝你有美好的一天。

mmeeeooowww

你好，@FrciSmrci我目前正在用CSS来隐藏内容。我是不是误解了“removePanel”的用途，还是用法不对？谢谢！

artf

我也会在这方面加一个听众

查看详情

#10802018年5月2日作者 francesca-cicileo2 个回答

0 个反应

已过时

从脚本中更改组件属性

我正在扩展“文本”组件，添加一个新属性和一个脚本。当用户在文本组件中输入某个字符时，我希望脚本能更改组件模型中的属性，但我不确定该怎么做。这是我修改文本组件的设置：我有两个问题：customAttribute 没有正确加载到脚本中，我不知道如何让脚本中 customAttribute 的值来更改模型中自定义属性的值。我有一个监听器 ''editor.on（'component：update：attributes'， model => {}）;' 它没有被调用，即使我在控制台看到'hide'和'show'（显示脚本中 customAttribute 确实被更改了）。只有当我第一次把组件放到画布上时，监听器才会被调用（所以它是正常工...

artf

你可以访问像这样嵌套属性，比如'var customAttribute = '{[ attributes.customAttribute ]}';' 在“script”内。你应该使用模型的属性： “''js ... customAttribute： ''，脚本：function（） { ... ``` 然后在你的脚本里 'var customAttribute = '{[ customProp ]}';' 还有一点，你不能在“脚本”里更新变量后就指望它传播这个变化，脚本在...

lock[bot]

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

查看详情

#10792018年5月1日作者 Coyote63 个回答

2 个反应

增强已过时

错误的BG重复CSS设置

在导入组件和初始化 grapesjs 时，css background-repeat 属性被改为 background-repeat-x 和 background-repeat-y，这在 iOS 上会被破坏。导入组件： '''html <div id=“izmt”>Test Begin<br /> <br /> <br /> <br /> 测试结束</div> <style type=“text/css”>#izmt{background-image：url（“/path/to/img.jpg”）;background-repeat：repeat-x;} </style> 这是它之后的表现：移动版 ![手机后音]（https:...

Coyote6

谢谢。我把这个加到了我的存储管理器功能里......我觉得这暂时解决了问题......我还没完全清醒，如果我搞砸了什么，请告诉我。 “JavaScript var css = editor.getCss（）; 修复JavaScript解析器中的后台重复。 var noRepeat = /background-repeat-x：no-repeat;背景-重复-y：无-重复;/g; var 重复 = /background-repeat-x：repeat;背景-重复-y：重复...

artf

谢谢@Coyote6我们已经知道这个问题。这是因为浏览器的CSS解析器，我暂时无法做太多，除非有自定义CSS解析器，希望尽快实现。

artf

https://github.com/artf/grapesjs/releases/tag/v0.14.33 你可以使用自定义的CSS解析器，第一个发布的是[grapesjs-parser-postcss]（https://github.com/artf/grapesjs-parser-postcss）

查看详情

GrapesJS 问题

浏览所有主题