GrapesJS 问题

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

找到 3,464 个问题

#23542019年10月24日作者 kiril-malyhin1 个回答
0 个反应

无法使用原生样式作为滚动条

大家好! 我挣扎了几个小时,也许有人能帮帮我。 我想在编辑器中使用卷轴的原生样式。但一旦这些样式从grapesjs.min.css设置好,我就没机会把它们重置回浏览器默认。 你有什么想法吗?我该如何实现我的目标? 提前感谢大家!

artf

不幸的是,据我所知,滚动条很讲究(甚至不属于DOM系统),一旦检测到自定义样式,就无法强制重绘回原来的样式。现在唯一的解决办法就是自己建一个自定义grapesjs.css文件

#23532019年10月24日作者 logeshkrishna03 个回答
2 个反应

文本:每次我按下回车键,都会创建新的div,而不是创建一个 </br>

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

logeshkrishna0

@pouyamiralayi,你的意思是点击 enet 时你不会形成新的 div,但当你尝试保存时,它会把那个空格或下一行视为新 div

logeshkrishna0

@pouyamiralayi 在新版本中也会出现这种情况,使用检查元素检查时,每次点击回车进入文本块时都会添加一个div

logeshkrishna0

为什么插入文本时,每次分行都会创建一个新的div,而不是标准的 div ![3132977-ADF6ee50-ACA9-11E7-9A4D-7cd06b367135](https://user-images.githubusercontent.com/52228872/67483098-aa9b5a00-f682-11e9-9037-335443e71ca0.png) <div class=“c4840”>请将你的文本插入此处。我按下回车键 <div data-highli...

#23522019年10月24日作者 bitfactory-angelo-vancleef1 个回答
1 个反应

自动补全 / 属性建议

你好,网上找不到相关信息,但我想知道在更改属性时,菜单里能不能设置自动补全?例如,一个编辑方块内容的字段,输入时会自动给出建议...... 这真的可能吗?如果可能,该如何实现?

pouyamiralayi

嗨!你可以自己创建[自定义特质](https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type),并且你可以用像[Selectize.js](https://selectize.github.io/selectize.js/)或其他类似库来实现这个特质。 干杯!

#23512019年10月23日作者 bitfactory-angelo-vancleef暂无回答
0 个反应

如何创建带有可填充参数的自定义块

大家好,首先,你做得非常棒! 我尝试按照教程操作,但我不明白如何添加自定义块,选中后用户可以在右侧菜单中填写参数(例如名称和标题)。 我会阅读关于积木、组件和特征的内容,但我自己不明白如何写一个新的积木(或组件)。 有人能帮我写一个非常简单的例子吗?例如,拖放一个添加<p>“Hello world!”</p>标签的方块。点击后,用户应该可以添加类、标题,并为“data-name=''”属性填写值。 希望有人能给我解释怎么做,我相信看完完整代码示例后我会理解。

#23502019年10月23日作者 AbdiasM3 个回答
14 个反应

我如何用面板中的自定义按钮将元素/扇区添加到视图容器中

我在面板上添加了一个自定义按钮,如下所示: const pm = 编辑。面板; pm.addButton('views', { id: 'customButton', 类名:“, 命令:{ run: 函数(编辑器) { alert(“你好”); }, 停止:函数(编辑器){ } }, 属性:{ 类: 'fa fa-address-card-o', 有效:错误, }); 我想在点击这个按钮时,在views-container中添加自定义元素。截图附上。你能帮帮我吗? ![自定义按钮点击](https://user-images.githubusercontent.com/18558443/67381298-540e1d00-f5a9...

pouyamiralayi

@AbdiasM @ko06晚回复了,抱歉! 基于#277 干杯!

hc0127

嗨,@pouyamiralayi。感谢你的帖子。 我有自定义视图容器。 但我想在那部分用 React 组件。 可能吗? 如果是的话,请帮帮我。

ko06

这个问题解决了吗?

#23492019年10月23日作者 HarryChristianR1 个回答
1 个反应

我怎样才能导出包含代码在<script></脚本里的代码?>

你好,<a href=“https://github.com/artf/grapesjs-code-editor/”>code editor插件</a>只限制我预览HTML和CSS,如果我尝试添加<script></script>......没了?

giorgiosjames

你的编辑器启用了allowScripts吗? 'const editor = grapesjs.init({ ... allowScripts:1, });`

#23482019年10月22日作者 ney11暂无回答
0 个反应

Grapesjs的链接无法使用......它显示路径,但不显示导航

警告 请阅读并遵循接下来的五个步骤,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md仅将GitHub Issues用于BUG、功能请求或问题。在问题标题前加上上下文,例如:“[虫子]:.......'先快速搜索一下,看看有没有人没开同样的问题不要要求为你创建示例或代码,先阅读文档和API,然后你可以发布你尝试过的(我们希望看到你的代码)以及你无法实现的所有相关陈述/问题都必须填写/回答,否则问题可能已结束你正在提交一个漏洞你用的是最新版本吗(旧版本不支持)?如果不确定,在控制台输入“grapesjs.version”并按回...

#23472019年10月22日作者 suchiitsme3 个回答
1 个反应

移除所有组件的徽章

我必须拆除所有组件的 Badgable。我已经在editor.init上添加了这个 domComponents: { 包装器:{ 可识别:错误 }, }, 还是不行。请帮帮我

niveth09

你好,@suchiitsme,我也遇到同样的问题。你能告诉我你是怎么解决的吗?

suchiitsme

好的。我已经解决了这个问题

elquchiri

@niveth09,最简单的方法是隐藏 css 类 => https://github.com/GrapesJS/grapesjs/issues/2441#issuecomment-562992791

#23462019年10月21日作者 frankpagan2 个回答
1 个反应

当点击一个组件时,有没有一个钩子可以知道特征何时渲染完成?

嗨,葡萄社区的朋友们, 当从画布内点击组件时,是否有钩子或事件可以知道该组件的特征何时已在视图容器中渲染?

frankpagan

太好了,谢谢!

pouyamiralayi

你好!当组件被点击时 “component:selected”就是你要找的事件。更多相关内容[见此处](https://grapesjs.com/docs/api/editor.html#components)知道特征何时已经在视图容器中渲染 根据建议事件的性质,你将获得所选组件的模型作为参数,这样你可以检查模型中任何性状的可用性: 干杯!

#23432019年10月18日作者 jeff-panart1 个回答
0 个反应

添加HTML5视频

你好, 如何向 grapesjs 添加 html5 视频? 我上传了webm和mp4文件,在我的grapesjs页面添加了视频组件,并在设置中选择了HTML5源代码。然后我把完整路径添加到视频文件中。 我得到的唯一结果是黑色元素,没有任何视频。为了测试,我把完整路径改成了 /video/file.mp4 en .../file.webm,但到目前为止没成功。 如果我切换到YouTube视频,一切似乎都正常。 主机也没有报错,所以我有点纠结...... 任何建议都非常感谢。

artf

这些视频文件应该由服务器(本地或远程服务器)提供,出于安全原因浏览器不应读取你的本地文件

浏览所有主题