PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 3,464 个问题
有些模板加载不好。非常简单的模板确实能正常加载，但似乎函数和CSS更多的模板存在问题。例如，加载像[这样]（http://webbuild.jenezys.com/templates/freetemplates/aerial/index.html）这样的模板会带来一些问题。首先，字母的动画淡入不会出现。一旦进入 #gjs div标签，模板就会卡在初始加载阶段，即使用了allowScripts也无法完全加载。而且它只有两个cs文件和一个简单的js代码。如果文本和图标偶然加载，鼠标悬停在它们上会再次消失，因为它们附带了悬停功能。你也可以看看[这个另一个模板]（http://webbuild.jenezys.com/templates/...
ivanezeigbo
@artf我不明白。你把这个标记为无效。
artf
请遵循议题模板，并且每个议题只写一个问题/问题/错误
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我想用JavaScript获取已创建的HTML文档内容，这样我可以通过表单提交。我该如何选择HTML内容？
cjpollard
https://github.com/artf/grapesjs/wiki/API-Editor#gethtml
ivanezeigbo
这两行代码给你 html 和 css var HTML = editor.getHtml（）; var Css = editor.getCss（）;
JPPreusDev
太好了！谢谢。
你好，@artf， 希望你一切安好。 我用下面的代码将其中一个元素的边距设置从“px”改成了“rem”： { 性质：“margin-top”， 名称：“顶层边缘”， 单位：['rem']， 类型：“整数”， } 但当我在保存后重新分配相同的边际设置到元素时，边际会乘以16倍的PX，也就是说“REM”被转换成“PX”，元素会消失。 请告诉我们如何将 grapesJs所有元素中的“px”设置改为“REM”设置。 希望能收到积极的反馈。 谢谢你，Artf。
artf
请@Deepak813......按照问题模板，提供演示和复现步骤
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
当我在<div id=“gjs”>标签中加入模板</div>时，看起来GrapesJs会忽略<script>标签，但其他标签喜欢<link>的效果还不错。脚本标签中的JavaScript函数因此无法在编辑器上工作。我的代码设计成读取文件，并定位任何模板中任何 src 或 href 的链接，无论设计如何，所以我不能手动添加脚本标签，因为无论模板的文件夹和目录如何排列，脚本都必须是通用的。请帮帮我。我怎样才能让 #gjs 接受我的<script></script>标签，而不是把标签剥掉？标签也@artf。谢谢！
ivanezeigbo
我猜到了。抱歉。对于可能受益的人，你需要在初始化中将 allowScript 设置为“1”。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
@artf，我注意到画布上的iframe似乎没有设置任何文档类型，导致它处于“怪异模式”。这是故意的吗？我想把它设置为<！DOCTYPE html>，但这样做会带来一些位置问题，你可以在这个[截图]（https://i.imgur.com/Ga3mLKx.png）和[演示]（https://jsfiddle.net/xu7fdxnj/1/）中看到。 你愿意接受一个拉取请求来设置文档类型吗？我觉得用配置选项（无论是doctype字符串还是quirksMode布尔利）来暴露它会是最安全的做法，但在我继续探索之前，想先听听你们的看法。
artf
导致它进入个性模式 用哪个浏览器？
tomichal
@artf 我注意到缺少文档类型的一个问题是关于六边形（HEX）颜色定义。 如果用户将HEX颜色定义为，例如“fff”而非“#fff”，这在编辑器中是可行的，但一旦页面被渲染到指定文档类型的HTML中，该“fff”颜色定义就会失败。 我在 Mac OS Chrome、Safari 和 Firefox 上测试过。
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
在npm和cdn上都测试过 GJS 版本 - 0.14.20（最新） 操作系统 - Mac 浏览器 - Chrome 问题 如果 CSS 类名有父或子，比如 '#parent .child{ color： red }'，用户无法将样式重置为原点，样式仍保留在 CodeViewer 中。 [Codepen演示1 - 从块中添加CSS]（https://codepen.io/ronaldaug/pen/Paadqd ) [Codepen演示2 - 在“#gjs”中添加CSS <div>]（https://codepen.io/ronaldaug/pen/yEExoe） 在demo1中，假设用户将“测试块”拖入画布并移除。CSS 样式仍...
artf
移除属于特定区块的CSS代码。 事实上，CSS的那个区块不属于任何组件（我说的是编辑器的工作原理），所以那个声明总是被渲染出来的。GrapesJS 只能关联基于类的选择器，例如 “''CSS .class1 {...} .class1.class2 {...} .class1.class2， .class3 {...} ``` 甚至不像“.class1 .class2”那样嵌套，这样规则导入是正确的，但不属于任何组件
artf
这是因为你只是在清理组件。你可以使用内置命令“core：canvas-clear”
ronaldaug
@artf 感谢你的快速回复。 抱歉我的问题不够清楚。 我真正想要实现的是移除属于特定区块的CSS代码。 例如，当我在画布中删除一个方块时，该方块的CSS代码也会被删除。 我不想把整个画布都清理干净。 很可能，它会在摧毁状态下开火。 “编辑。Commands.add （'tlb-delete'， e => {' '// 从该块移除CSS' }) 在这种情况下，我可以通过删除组件来移除没有父代码的 CSS 代码，但如果 CSS 代码有父代码或子代码，就无法使用。 [Codep...
有没有可能让grapesjs每当用户更改自定义componentTrait值时，渲染函数应该监听或重新渲染？ 我正在为动态内容构建一个自定义组件。自定义组件代码是： 我希望每当用户更改名为Dummy Image的 [Dummy Image* Trait值时，渲染函数应该运行并相应影响src值，canvas img 标签的结果。 这只会影响编辑画布*中的视图，而不会影响model。 有人能帮我解决这个问题吗？ 提前感谢大家。:)
artf
通过这种方式更新你的观点 “''js 查看：dView.extend（{ init（） { this.listenTo（this.model， 'change：attributes：data-dummyimage'， this.render） }, ... }) ```
mararn1618
两天后，这救了我的命。谢谢你们俩！
vitanshu
但HTML的属性在Canvas中无法编辑。
你好， 我试着在代码和现有问题中查找相关信息，但要么我找错了信息，要么还没找到相关信息。 我想指定比如样式管理器的工具提示——我该怎么做？ 我注意到通讯预设里的工具提示比网站预设少，所以我猜一定有办法做到。 你能给我个提示吗？ 谢谢， 大卫
cjpollard
如果你在[demo html]（https://github.com/artf/grapesjs/blob/gh-pages/demo.html）里搜索工具提示，代码就在那儿。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
当我把内容设置成这样时： ![qq20180621-110517]（https://user-images.githubusercontent.com/36065691/41695788-259d80ec-7543-11e8-93f9-778f14c2ec8c.png）一切都好。 但当我还指定类型时， ![qq20180621-110508]（https://user-images.githubusercontent.com/36065691/41695816-48f1500a-7543-11e8-9703-22f6cc9496cd.png） 会有额外的标签。你能帮我吗？
artf
通过属性 'data-gjs-type=“input_box”' 添加类型
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 我试图做一个响应式布局，但发现设备切换器工作不稳定。这个问题可以在官方演示中复现。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块（就在菜单上方）。 选择第一个插入的“行”，并将其填充的左侧设置为100像素。 选择第二个插入的“行”，并将其填充设置为100像素。 切换到设备“平板”。 在选中的“行”中添加“np”类（切换设备后不会取消选择），并将其填充改为10px。 选择第一个“行”，添加该类NP。 渲染后的填充左侧没有更新，是100像素，而我预计它会变成10像素。不妙。 切换到“桌面”，两行的填充左侧都是100像素。很好。 切换到“平...
peakrams
你好。 关于这个问题有没有更新，或者会有更新吗？我刚试着在演示里复现，问题依旧存在。不幸的是，我只懂基础的JavaScript，所以想不出自己解决这个问题的方法。 我不知道这是否和我的问题有关，但检查代码时，文件config.js中设备平板的宽度和移动设备Mobile的withMedia是一样的;这样，通过媒体查询应用到移动景观上的自定义样式，在切换设备到平板时，画布上就不会保留了吗？（我没试过这个，因为设备面板里没有移动景观。） 谢谢。
peakrams
你好， 有人能帮我解决这个问题吗？我刚刚在演示中复现了开头帖子中提供的第二个例子，看起来和上次没什么变化。 谢谢。
artf
@peakrams遗憾的是，没有人参与这项工作