#10892018年5月7日作者 kuldeepcis3 个回答
“''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 个回答
请问你能告诉我如何在地图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 个回答
在我的面板里,我想把一些按钮拖到一个方块里,我该怎么做
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10862018年5月6日作者 dwengticorp2 个回答
看来我不该问这个问题,但我确实花了很多时间搜索,没能找到好的指南。 我想创建一个 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 个回答
我标记为bug,因为我觉得这反映了一个小的不一致;但也可以理解为功能请求。 情景是:我提供了自己关于“uploadFile”和“handleAdd”的方法,这在今天是可行的。我看到“uploadFile”绑定到了它的父对象,这让我可以通过在方法里操作“this.config.em.get('Editor')”来获取编辑器对象的handle,这很酷。但是,我不能对“handleAdd”做同样的事。我也希望能做到同样的事——而且我相信那样会更稳定。 作为另一种解决方案,“编辑器”可以作为这两种方法的最后一个参数传递——我也没问题,如果更喜欢这样请告诉我。
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10832018年5月4日作者 pintor-mato2 个回答
你好。我有一个这样的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 个回答
我该如何在vue.js中使用它
cjpollard
这个帖子应该能回答你的问题。https://github.com/artf/grapesjs/issues/275
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10812018年5月3日作者 mmeeeooowww3 个回答
我正在尝试拆除一个面板。函数第一次运行“removePanel”时返回面板,再次运行时返回未定义。值得注意的是,取回所有面板后该面板不再退回,但它仍然可见且可用。我试着移除演示页面左上角的设备选择按钮,但我也尝试去掉了“选项”和“视图”,结果一样。 预期行为: 执行编辑。Panels.removePanel('devices-c');' 应该会移除设备选择面板。 当前行为: 执行编辑。Panels.removePanel('devices-c');does not移除设备选择面板。 ;' 它没有被调用,即使我在控制台看到'hide'和'show'(显示脚本中 customAttribute 确实被更改了)。只有当我第一次把组件放到画布上时,监听器才会被调用(所以它是正常工...
artf
你可以访问像这样嵌套属性,比如'var customAttribute = '{[ attributes.customAttribute ]}';' 在“script”内。你应该使用模型的属性: “''js ... customAttribute: '', 脚本:function() { ... ``` 然后在你的脚本里 'var customAttribute = '{[ customProp ]}';' 还有一点,你不能在“脚本”里更新变量后就指望它传播这个变化,脚本在...
lock[bot]
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
#10792018年5月1日作者 Coyote63 个回答
在导入组件和初始化 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> 这是它之后的表现: 移动版 ; 修复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)