GrapesJS 问题

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

找到 3,464 个问题

#25262020年1月24日作者 treztreiz3 个回答
0 个反应

自定义存储:自动加载未触发

版本:grapes.min.js 0.15.10 你好, 我正在使用自定义存储来从文本区加载和存储json数据。 使用自定义存储似乎不支持自动加载选项。相反,我必须手动触发 editor.load(),但它似乎会更新编辑器,从而干扰 noticeOnUnload 选项(该选项在用户做任何更改前就触发)。 这是storageManager的配置:storageManager 这是定制存储:自定义存储 有没有办法自动加载自定义存储? 谢谢!

treztreiz

自动加载选项实际上在添加自定义存储插件时是有效的。自定义存储插件: 编辑:

collindutter

你@treztreiz找到方法在不注册插件的情况下实现的吗?我也遇到了这个问题。

treztreiz

@collindutter 看起来你必须做一个插件。我猜自动加载选项是在葡萄实例化时使用,遗憾的是函数编辑器也在使用。StorageManager.add 实际上需要那个实例...... 插件在实例化过程中注入配置时不会发生这种情况:) 不过我不太确定自己说的是什么

#25252020年1月24日作者 GayathriD20203 个回答
2 个反应

撤销/重做问题

你好, 我遇到了撤销和重做的问题,假设我有一个文本块,比如在这里插入文本,我要切换到你好然后点击撤销按钮,它会显示在这里插入文本,我再点一次重做按钮,结果是在这里插入文本你好。 请给我任何解决办法。

pouyamiralayi

@GayathriD2020 grapesjs 在底层使用 [backbone-undo](http://osartun.github.io/Backbone.Undo.js/),这里是 [grapesjs undo manager](https://github.com/artf/grapesjs/blob/dev/src/undo_manager/index.js) 的 src 干杯!

GayathriD2020

谢谢你的推荐,我会去确认,如果需要帮助也告诉你。祝你有美好的一天

pouyamiralayi

@GayathriD2020我无法在演示中复现这一点。你用的是最新版本吗? 干杯!

#25232020年1月22日作者 MatejGlasnak1 个回答
0 个反应

类选择器设置为激活:false 无法正常工作

嗨,我set: editor.on('selector:add', selector => selector.set({ 有效:错误, })); 点击并编辑CSS后不选择元素类,这样是正常的,但页面刷新后又重新选择了元素的类。有什么办法能解决吗?

MatejGlasnak

我找到了解决办法。Selector:add 只有在添加新组件时才会调用,但该组件的选择器设置不会保存。页面重新加载后,它不会被调用到之前保存的组件,所以它们会保持默认值(true)。要解决这个问题,在组件加载后调用它。 编辑。SelectorManager.getAll().map(selector => { Selector.set({ 激活:错误 }) })

#25222020年1月22日作者 jcamejo3 个回答
2 个反应

关于将包装纸高度调到100%时的警告

你好@artf希望一切顺利。 这更像是提醒或警告信息,针对我刚遇到的问题,花了我一些时间才弄明白。 如果包装器的高度(默认由选择器 #wrapper 修改)设置为“高度:100%”,而不是“最小高度:100%”,编辑器的工具容器将表现出不良行为。 ![演示](https://user-images.githubusercontent.com/1976679/72892947-1770cf80-3d18-11ea-8695-3a371cf57767.gif) 这是因为滚动事件不会由窗口对象触发,而是由包装元素触发,导致“onFrameScroll”在CanvasView中未触发。 OnFrameScroll 是在 renderBod...

artf

你好,Juan,感谢你提供的所有细节,我很快会合并一个大型画布重构,看看能否修复(比如把滚动回调功能附加到包装器上)

artf

谢谢提醒,@bgrand我其实忘了这个问题 😬 下次版本会修复。

jcamejo

很高兴听到这个,希望重构能帮你解决问题。

#25212020年1月22日作者 biowan暂无回答
0 个反应

字体大小问题

大家好, 我不明白,我用文字对象做了一个模板,字体大小为14像素,在我的笔记本上无论是桌面模式、平板模式还是智能手机模式都看起来不错。但用智能手机时,有些文本对象的字体大小不一样。打印屏幕上所有红色箭头都是14像素,有些更大,有些更小 :'(我用Firefox开发工具和Chrome也检查过其他覆盖风格属性。有什么想法吗?解决方案? 谢谢你的帮助。 ![Screenshot_20200122](https://user-images.githubusercontent.com/5188050/72855001-6128ce00-3cb6-11ea-87de-97b21ac40da3.jpg)

#25202020年1月22日作者 kickbk1 个回答
0 个反应

改进型表选择组件

@artf,能否请你给我一些建议,告诉我如何改进 grapesjs-plugin-forms 中的表单选择组件,让它看起来像这样: ![选择](https://user-images.githubusercontent.com/31323376/72849891-b0daab80-3c5c-11ea-8e2a-23f8939174f1.png) 这个想法是提供一种更流畅的方式来添加和移除选择选项,就像添加阴影图层一样。

artf

你应该创建一个新的[自定义特质](https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type)

#25192020年1月21日作者 MatejGlasnak1 个回答
0 个反应

:元素选择时自动取消选择类

你好,当我点击元素时,它的类会自动被选中。我怎样才能把职业设置为“未被选中”,并且只有在需要时才选择? <img width=“470” alt=“截图 2020-01-21 13 03 44” src=“https://user-images.githubusercontent.com/51018512/72803479-7e29b680-3c4e-11ea-8def-baafc10507ae.png”>

MatejGlasnak

我找到了解决方案: https://github.com/artf/grapesjs/issues/1979

#25182020年1月21日作者 denish-kanabar3 个回答
4 个反应

网页插件:AngularJS 应用中的导入和导出代码选项

大家好, 我对导出和导入代码的要求有些不同。有没有可能在内存里获取html和css(我想保存在数据库里),而不是打开弹窗,弹窗里有保存压缩包的选项? 我正在Angular应用中使用网页插件 另外,打开或加载容器时,能否加载带有预渲染或预预提供HTML的页面? 要求修改网页插件导出和导入功能的当前行为

pouyamiralayi

@denish-kanabar,你可以这样做: 干杯!

pouyamiralayi

嗨,@denish-kanabar内存里有html和css吗 (我想把它保存在龙珠里) 请参考[存储API](https://grapesjs.com/docs/modules/Storage.html#define-new-storage)加载带有预渲染或预先提供的HTML页面 干杯!

denish-kanabar

我检查过 [thread](https://github.com/artf/grapesjs/issues/2018),从那里只能导入插件,但现在问题是调用 API 时添加了编辑器命令以保存在数据库中

#25172020年1月21日作者 denish-kanabar1 个回答
0 个反应

鼠标屏幕闪烁,悬停在容器上

尝试了多个插件,比如网页、新闻通讯和基础模块,但这三种情况都开始在我切换容器(div: gjs)时闪烁。因此,它不允许将文字格式化为加粗、斜体、下划线等。附上无 npms 的代码示例 [studio-fabric-grapesjs-app.zip](https://github.com/artf/grapesjs/files/4089577/studio-fabric-grapesjs-app.zip)

artf

如果你认为GrapesJS有问题,请正确打开issue(遵循BUG模板):说明版本、浏览器、实时演示以及所有必要的细节,以便为你的问题提供背景(“它开始闪烁”并不意味着什么)。

#25162020年1月20日作者 pradeeshattlee3 个回答
7 个反应

资产管理人提醒

你好,感谢这位出色的编辑, 我尝试集成编辑器,一切都很正常。 当用户从资产管理器中选择图片时,如果显示图片已被替换或成功选择图片,就不会有任何操作。如何实现警报?有没有相关选项? 找不到添加提醒的方法,如果有办法实现,请告诉我

pouyamiralayi

你好@pradeeshattlee把下面的代码放进一个[插件](https://grapesjs.com/docs/modules/Plugins.html): 想了解更多关于扩展资产管理公司的信息,请查看此[链接](https://grapesjs.com/docs/modules/Assets.html#extend-asset-types) 干杯!

artf

我试了贝罗代码,警报一键显示,但图片没有被替换 这是因为你覆盖了原始方法,要正确扩展它,应该这样做: “''js const am = 编辑。资产管理公司; const tImageView = am.getType('image').view; am.addType('image', { 浏览量:{ onClick(){ tImageView.prototype.onClick.apply(this); alert(“成功选中!”); this.em.get('Modal...

pradeeshattlee

谢谢@artf这方法非常有效。

浏览所有主题