GrapesJS 问题

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

找到 3,464 个问题

#27192020年4月17日作者 ajumell3 个回答
0 个反应

我如何在组件中将类名标记为受保护或私有?

大家好, 首先,感谢大家创造了这个精彩的图书馆。 你们真棒。 我想禁用在组件中编辑某个特定类名。比如Row和Col。我该怎么做呢。 我在selector_manager代码里看到了私密且受保护的选项。但我不确定该如何实现。你们能帮帮我吗?

pouyamiralayi

你好,@ajumell结账 [#1979 评论](https://github.com/artf/grapesjs/issues/1979#issuecomment-488133174) 干杯!

ajumell

你好@ajumell结账 [#1979 评论](https://github.com/artf/grapesjs/issues/1979#issuecomment-488133174)干杯! 谢谢你的回复。 我有点疑问,这其实是个泛泛而谈的,我们有没有每个组件的选项?

artf

@ajumell你可以在设为私密之前先查看你的选择者名字 “''js editor.on('selector:add', slc => slc.get('name') === 'my-private-cls' && slc.set({ private: true }) ); ```

#27182020年4月17日作者 Lerdouille3 个回答
0 个反应

不能用i18n

又见面了,@artf, 你关闭了我之前的工单,但我没成功重新开启 我看过文件和关于保护i18N的部分,但没能用到。 在你的文档里,你用的是导入函数,基本上我的代码比较简单,也不需要导入,比如这样: <html> <身体> <link rel=“stylesheet” href=“grapesjs/css/grapes.min.css”> <script src=“grapesjs/grapes.js”></script> <div id=“gjs”> <h1>你好,世界组件!</h1> </div> <script t...

pouyamiralayi

@Lerdouille你的问题和 Grapesjs 无关,你必须以某种方式引用你的 locale 对象,我建议用全局变量来导入它们,基本上就是在你的 HTML 里包含它们相关的脚本。 干杯!

artf

当前的本地文件代码只优化为通过“导入”方式导入,如果你想提升 PR,欢迎你关闭了我之前的工单,但我没成功重新开启 如果需要回复,没必要保留问题,我会回复,所以请下次避免打开其他重复的邮件

Lerdouille

谢谢你的回答。 我通过调整grapes.js成功展示了良好的翻译。 为此,我不得不复制粘贴部件 / “./src/i18n/locale/en.js”: /!*****************************!\ ! ./src/i18n/locale/en.js ! \******************************/ /!导出内容:默认 / 并用另一种语言替代所有平移。 然后,我必须声明部分中的变量:“./src/i18n/config.js” 附上...

#27172020年4月16日作者 tranthanhhoa1 个回答
0 个反应

触发“change:script”

版本: 0.16.40 漏洞: 错误:无法读取属性“样式”为空 https://prnt.sc/s0bqer 如何复现: 去 https://grapedrop.com 将一个类型化组件拖入画布 期待:无错误

artf

与 https://github.com/artf/grapesjs/issues/2656#issuecomment-610333308 相关。应该会在下一个版本中修复

#27162020年4月16日作者 Sameedkhan253 个回答
5 个反应

在Grapejs中添加自定义字体的问题

@artf 我按照下面的方法成功添加了列表中的字体,但并非所有字体都显示正确行为,我想在系统中添加Avenir字体,添加时并没有把字体改成Avenir,而是给了某个默认值 editor.on('load', function () { styleManager = 编辑器。风格经理; fontProperty = styleManager.getProperty('Typography', 'font-family'); 变量列表 = []; fontProperty.set('list', list); 列表 = [ fontProperty.addOption({value: “'Oswald', sans-serif”, n...

artf

照做吧 “''js const prop = 编辑器。StyleManager.getProperty(“排版”,“字体家族”); prop.set('options', [ {value:“'Oswald',衬线”,名称:“Oswald'}, ... ]); ``` 而且你绝不应该这样做,'styleManager.render()'

Sameedkhan25

照做吧“''jsconst prop = 编辑器。StyleManager.getProperty(“排版”,“字体家族”);prop.set('options', [{值:“'Oswald',无衬线”,名称:“Oswald'}, ...]);```你绝对不应该这样做,'styleManager.render()' @artf非常感谢你 我已经用这个替换了我的代码 我已经成功在编辑器中将截图中的字体列为“显示”, 但我想添加外部CSS文件,在编辑器中添加本地字体。 目前我使...

artf

,导入我想预加载的外部CSS是正确的方法吗? 是的,你做得对,你应该看看。检查字体加载是否正确(路径错误,浏览器兼容性.otf等)。

#27152020年4月16日作者 Sameedkhan25暂无回答
0 个反应

我用下面的方法添加了自定义字体,但那个字体只在少数情况下有效

有一个字体问题,当我点击任何元素时,它不会显示该元素当前的字体,我添加了自定义代码来添加我的自定义字体。 代码运行完美,但当我选择段落或任何文本时,默认不会显示所选字体。 Originally由@hgphpdev在 https://github.com/artf/grapesjs/issues/857#issuecomment-443104577发布

#27132020年4月15日作者 Lerdouille2 个回答
0 个反应

I18n 的问题

你好, 首先感谢你提供这个很棒的插件。 抱歉这么问,我花了几个小时在这个GitHub页面和其他文档里找答案,但找不到用i18n来做这个插件的好方法......并把编辑翻译成法语...... 我在 src 文件夹里看到 locale 目录及其配置和所有可用语言,但我该如何配置插件强制执行 locale? 以下是基本的JavaScript代码: VAR Editor = Grapesjs.init({ 展示偏移集:1, noticeOnUnload: 0, 容器:“#gjs”, 身高:“100%”, 宽度:“自动” fromElement: true, showDevices: 0, storageManager: { autoloa...

artf

@Lerdouille这里都有解释 https://grapesjs.com/docs/modules/I18n.html

Lerdouille

你好@artf, 我看过文件和关于保护i18N的部分,但没能用到。 在你的文档里,你用的是导入函数,基本上我的代码比较简单,也不需要导入,比如这样: <html> <身体> <link rel=“stylesheet” href=“grapesjs/css/grapes.min.css”> <script src=“grapesjs/grapes.js”></script>...

#27122020年4月15日作者 ahmeds633 个回答
2 个反应

侧板没有弹性选项

我正在使用 Grapesjs 插件来构建侧面板选项和不同元素。我在侧板找这个软板,但没有。 ![BD142F9D-2264-4A66-97f2-997FD4C1FAEE](https://user-images.githubusercontent.com/11045156/79304407-b158aa80-7f0a-11ea-887d-644ac19eed23.png) 我需要启用以下我正在使用的插件中的某个选项吗? 'gjs-preset-webpage', 'grapesjs-lory-slider', 'grapesjs-tabs', 'grapesjs-tooltip', 'grapesjs-custom-code',...

Ju99ernaut

'gjs-preset-webpage' 插件默认没有弹性部分,所以你得自己写“customStyleManager”

ajumell

请根据以下内容更改styles/index.js。还要根据需要更新样式 导出默认值(编辑器,配置)=> { const sm = 编辑。风格经理; const csm = config.customStyleManager; const oConfig = [ { 姓名:“将军”, buildProps: ['float', 'display', 'position', 'top', 'right', 'left', 'bottom'], 性质:[ { 名称:“阵容”, 属...

gunslingor

sm.getSectors().reset(csm) 这是我解决问题的方法,我猜oConfig也能用。我不明白为什么有必要......或者更具体地说,为什么演示版可以不这么做(除非我漏掉了)。 我确实在学习这个平台时遇到了常见错误,哈哈,我今天大概在这个包上发了30次帖子。 解释会很神奇。

#27112020年4月14日作者 mydeenferozkhans1 个回答
1 个反应

在编辑器中禁用面板视图容器在选定元素上的焦点

嗨 我正在为我们的项目使用Grapejs,我的编辑器设计如下。 我的问题是如何关闭自动对焦面板视图容器。 只有点击面板按钮时才会显示。 每次我们把元素放到画布里或点击画布中的元素时,它总是会打开。 ![图片](https://user-images.githubusercontent.com/63667587/79258131-52624980-7ea8-11ea-96cc-326f461994ed.png)

Ju99ernaut

当你在画布中选择一个组件时 “''js editor.on('component:selected', () => { 失焦面板 });

#27102020年4月13日作者 kuhelbeher3 个回答
2 个反应

资产管理模态中的Unsplash图像

你好,我想在用户打开带有搜索输入的 AsssetManager 模态时添加对 unsplash API 的支持(类似于 Grapedrop)。 ![图片](https://user-images.githubusercontent.com/37115006/79126984-a6d2cf80-7da9-11ea-9ebb-0c1ec515f075.png) 有没有简单的方法?

pouyamiralayi

@kuhelbeher你可以使用“资产”选项,更多内容请见[这里](https://grapesjs.com/docs/modules/Assets.html#configuration) 干杯!

obiweb

有人能一步步解释如何在 GrapesJS 中集成 Unsplash API 吗?我不是很专业的程序员,但还是能理解。 谢谢!

jmlcs

你好,我想在用户打开带有搜索输入的 AsssetManager 模组时添加对 unsplash API 的支持(类似于 Grapedrop)![图片](https://user-images.githubusercontent.com/37115006/79126984-a6d2cf80-7da9-11ea-9ebb-0c1ec515f075.png)有没有简单的方法? 你成功了吗? 你能分享一下吗? @artf

浏览所有主题