GrapesJS 问题

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

找到 1,399 个问题

🔍 outdated
#13192018年7月25日作者 jmrgz3 个回答
0 个反应
已过时

BUG Box 阴影——演示版里也没用

我发现这个问题太晚了，几天后完成项目。我想哭:( 步骤如下： 1- 进入演示区，选择任意“卡片”方块（### Flex 下的任何方块都是新的黑色标题）。确保你选择的是主父（.card 类） 2- 只要你选择它，它们就会自动失去正常状态框的阴影（选择后数值会出错）。 3- 现在切换为悬浮状态，它们也会失去影子（同样是个bug值） 每个设计保存/打开或重新加载当前设计页面时都会发生这种情况。 有什么变通方法吗？我不想从我的项目中移除整个盒子阴影属性。 非常感谢！

artf

不幸的是，这是浏览器的CSS解析器导致的，它会重新排列框影子的顺序，所以如果你从HTML导入模板，我们只能在能使用自定义CSS解析器之前做不了什么（我关闭，转而使用#1079），但如果你从编辑器创建模板并正确存储，应该没问题

jmrgz

谢谢你@artf 有没有线索知道浏览器解析器属性的哪部分“爆炸”了，以填充复杂的样式管理器属性？（打开风格管理器时就会出现） 我很想知道你把这个改编到哪里： 框影：10px 10px 5px 10px 黑色; 接着说： X 位置：10px; Y位：10px; 模糊：5像素; 利差：10像素; 颜色：黑色; 这样我就能检测并尝试修复这个bug。不幸的是，在我最新的 grapesjs init 中，即使你在编辑器里创建模板，框的阴影边框依然会出现。 谢谢！

lock[bot]

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

查看详情
#13182018年7月25日作者 Abhisheknanda13444633 个回答
0 个反应
已过时

问题：如何启用鼠标事件以增加输入值

你好@artf我想知道，有没有办法在风格管理器中启用输入鼠标滚动器，就像我的截图一样。我想启动滚动功能以增加点击和拖拽的数值。谢谢 ![截图 2018-07-25 140 16 pm]（https://user-images.githubusercontent.com/20657737/43188050-d7f476e6-9010-11e8-8e47-14c89fea6594.png）

artf

比如已经存在的那种？ ![滚动输入]（https://user-images.githubusercontent.com/11614725/43229098-e14ae81c-9063-11e8-9571-d5c3327f1c58.gif）

Abhisheknanda1344463

是的，@artf我想初始化已经存在的同一个。谢谢

artf

好吧......该功能默认在所有数字输入处激活

查看详情
#13172018年7月25日作者 Shah-ali2 个回答
0 个反应
无效问题已过时

缩小版中的特殊字符

亲爱的@artf 如果使用grapes.min.js而非grape.js，则在视图代码对话框中显示特殊字符。我觉得 Unicode 字符在缩小版中无法使用。你能帮我检查一下吗？

Shah-ali

抱歉，是我错了。现在开始用了

lock[bot]

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

查看详情
#13162018年7月25日作者 CCsoh2 个回答
0 个反应
已过时

Bootstrap 模板 CSS 无法加载

@artf，在我插入 bootstrap 模板的代码后，如何将 bootstrap 模板导入到 grapejs，或者在 bootstrap 模板中实现什么方法？

ionic666

画布：{ 脚本：['xx.js']， 风格：['xx.css'] },

lock[bot]

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

查看详情
#13152018年7月24日作者 YashPrince3 个回答
0 个反应
已过时

通过ID获取所有样式值

@artf我想在保存模板并重新加载并重新初始化编辑器后，通过ID选中所有与模型相关的样式。 但我无法获得所选模型的所有样式值。 ![模型风格]（https://user-images.githubusercontent.com/40828744/43147579-fe468e28-8f80-11e8-96de-5bb9cb3e29c6.png） 但在CSS中，该ID有两个CSS定义 ![idselector]（https://user-images.githubusercontent.com/40828744/43147607-162c4a78-8f81-11e8-9460-30781d55dd1e.png） 我想知道，如何让一个...

jmrgz

editor.getCss（）;->会给你所有的CSS，你自己找需要。 comp = editor.getSelected（）; const html = comp.toHTML（）;- > 精选的合成HTML const css = 编辑器。CodeManager.getCode（comp， 'css'， {cssc： editor.CssComposer}）;- > 选定的合成CSS

artf

@YashPrince检查一下API的 https://grapesjs.com/docs/api/css_composer.html

lock[bot]

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

查看详情
#13132018年7月24日作者 krunal0392 个回答
0 个反应
已过时

在组件加载时从 HTML 设置特征值

我有一个自定义组件，想从 HTML 设置特质的默认值。下面是按组件渲染的 HTML。我正在尝试设置的特征是图片URL、锚点URL和H4内容。 ![图片]（https://user-images.githubusercontent.com/11716808/43134268-6b5ca10c-8f39-11e8-8d73-2453753794b4.png）

artf

默认情况下，该特征的初始值对应组件的属性。如果使用“changeProp”，你应该通过“data-gjs-*”属性传递初始值

lock[bot]

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

查看详情
#13122018年7月24日作者 aj00223 个回答
0 个反应
已过时

用葡萄提交表格

你好， 你打造了一个如此漂亮的编辑器，包含表单和社交图标，感谢你的出色工作。 我用 grapesjs 创建了一个表格，点击提交按钮后我该如何提交这个表格？需要把这些数据发布到我的网址，我该怎么实现？我撞到了这个东西，请帮帮我。

jmrgz

通常你需要服务器端语言来编码这些。只要我知道，这不在葡萄的范围内。

artf

你好，@aj0022，正如@xamdam777已经建议的，你必须创建一个服务器端脚本，从表单中接收值

lock[bot]

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

查看详情
#13112018年7月24日作者 inventorbit2 个回答
0 个反应
已过时

：动态初始化Canvas脚本和样式

你好，Grapejs团队， 感谢这个精彩的项目，帮我节省了时间，到目前为止，我在整合和社区支持方面都体验得很好。 我想在从数据库（Rest API）加载页面后加载Canvas样式和脚本 画布：{ 风格：['https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css']， 脚本：['https://code.jquery.com/jquery-3.3.1.slim.min.js'， “https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js” “https:/...

artf

你好@inventorbit这种情况下，你应该直接操作画布文档 “''js const scriptEl = document.createElement（'script'）; scriptEl.src = '...'; 编辑。Canvas.getDocument（）.head.appendChild（scriptEl）; ```

lock[bot]

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

查看详情
#13102018年7月24日作者 dazakorn3 个回答
0 个反应
已过时

Grape JS 为通讯工作

我们正在测试使用这个编辑器，想知道 grape js 编辑器是否适用于内容通讯，我们做过测试，但 HTML 中的 CSS 样式会作为类添加，而类在 Gmail 中不工作。 我怎样才能在编辑器中嵌入 CSS 到 HTML 里？ 例如： <div style = “color： # FF0000;......" 且 .styletext { 颜色：# FF0000; } <div class = “styletext” .......> 谢谢。

AnkitKachhadiya

嘿，@dazakorn我们也用这些编辑器做新闻通讯，我们用以下代码嵌入了CSS，你也可以试试这些，对我们来说很有效： 请以以下方式初始化你的编辑器，或者在初始化时添加以下代码： 'forceClass： false， 你也可以用以下命令获取嵌入的CSS内容： 'var html = editor.runCommand（'gjs-get-inlined-html'）;' 希望有效!!

dazakorn

你好，Ankit， 太好了，我会用这些改动做测试，看来这就是问题 我需要，非常感谢。 2018-07-24 0：03 GMT-05：00 Ankit Kachhadiya <[email protected]>： 嘿，@dazakorn <https://github.com/dazakorn>我们也在用这些 编辑，我们嵌入了CSS，使用以下代码，你也可以 试试这些，对我们有效： 以以下方式初始化你的编辑器，或者直接添加这些代码 初始化： forceClass...

lock[bot]

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

查看详情
#13092018年7月23日作者 jvillena2 个回答
0 个反应
已过时

我如何将动态文本保存为组件视图的持久化？

我试图在HTML的组件视图中插入动态文本，但保存时HTML里没有我做的更改。我会尝试以下几种方法： 用上面的代码，我可以把文本注入在插入点位置（光标位置），但当我保存内容时，我会收到 value.trim（） 与当前文本的 DomDocument 关联。 http://recordit.co/cjAUl37aGr 我也尝试过： 'editorRTE.getSelected（）.view.render（）;' 但它显示的输出是一样的： “本周 [email protected]@ 本周特别节目”

jvillena

为了插入所选高亮段落中的文本，我这样做是因为打开弹出模态对话框后，我开始失去焦点：

lock[bot]

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

查看详情

浏览所有主题