PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 1,399 个问题
🔍 outdated你好，@artf， 我们如何创建一个自定义的撤销管理器，点击按钮。所有更改都需要在撤销管理器中添加，然后我们才能恢复到原来的状态。 由于某些元素的变更，某些CSS无法正常工作。 比如点击一个按钮时，我已经移除了它的类别，所以点击撤销按钮时，该部分的类别没有添加或无法使用。 你能帮帮我吗？ 希望能收到积极的回应。 谢谢你
artf
没有内置的方法可以添加自定义撤销管理器，但你确实可以通过打开一些PR来提升默认的集成
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
首先，感谢大家提供这个超棒的图书馆， 我有一个澄清问题，就是如果我把文本字段拖到Canvas里，它会看起来像这样——（见参考图片1） 并且想要通过简单地从左拖到右或从右到左来自定义文本的位置。在参考图2中，你会看到文本的位置是正确的，大多数方法是用列来实现的。与其使用列，我如何自定义文本字段的位置（垂直或水平）？只需拖曳它（在画布上移动）即可。 提前感谢大家。 ![ss1]（https://user-images.githubusercontent.com/35071500/46142259-0921b900-c274-11e8-9752-564aa8dcf922.png） ![ss2]（https://user-images.g...
artf
“设计师模式”尚未开放，但计划在路线图（#74）中
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好@artf 我正在使用你的样板插件，想禁用所有元素中的悬浮属性，正如悬停时黄色区域下方的截图所示 我试过这么做 ' const updateAll = model => { model.set（{hoverable：false}）; model.get（'components'）.each（model => updateAll（model））; } 更新All（编辑）。DomComponents.getWrapper（））; ` 它只能阻止可悬浮的属性，只针对包裹器。 你能告诉我如何让所有元素都停止这种属性吗？ 谢谢 ![截图 2018-09-27 上午11：35 31]（https://user-images.githubu...
artf
@Abhisheknanda1344463如果你看到“黄色区域”，可能是因为你配置中用了“showOffsets： true”（默认是“false”）
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我们已经把 GrapesJs 集成进了我们的 Angular 应用。 我们让资产管理器显示已上传的图片列表。起初没有图片，拖动图片后上传时，资产管理器显示的是正确的图片。 上传图片时，我们返回的对象数据属性中只有一张图片，因此这张图片会附加到已有的图片上。初始化时，我们返回的是现有图像中的对象。 问题存在于上传的图片中，编辑器中显示的是“缺失图片”的图片，但上传后并没有显示。我唯一能让上传的图片显示的方法是双击 通过资产管理器选择图片。 我附上了一个视频，展示了当前的问题及其工作原理。 编辑器中创建的 img 标签没有 src 属性，例如： <img data-gjs-type=“image” alt=“name-of-image...
artf
你应该输出到你的上传端点：https://grapesjs.com/docs/modules/Assets.html#response 例如， “''js { 数据： [{src： '.../image.png'}] } ```
aerionTech
你好，这样有效，文档里你可能想更新文档，去掉数组的第一行，只用对象版本来表示返回数据。 { 数据：[ 'https：//.../image.png'， // ... { SRC： 'https：//.../image2.png'， 类型：“图像”， 身高：100， 宽度：200， }, // ... ] }
artf
@aerionTech对，但我打算更新上传函数，让它也能理解字符串项
你好，我正在尝试在电脑上安装这个，然后打开PowerShell并安装，这样我就能访问localhost官网，但我无法访问localhost8080，因为它显示无效
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我如何在为组件创建特性时隐藏一个特性元素？ 有没有类似 display：none 或 hidden：1 的办法？我该如何展示或隐藏任何特征，任何帮助都将不胜感激。
artf
你可以传递类似这样的“attributes： {style： 'display： none'}'
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好，我正在开发一个用chart.js做图表的插件。为了让生成的模板从插件生成的数据模型渲染图表，我需要将这个模型存储到组件的 html 标签中。图表所用的模型如下： “JavaScript { “类型”：“行” “数据”：{ “标签”：“Rótulo 1”、“Rótulo 2”、“Rótulo 3”、“Rótulo 4”， “数据集”： [{ “标签”：“数据集1”， “数据”：[3， 9， 8， 2]， “backgroundColor”：“rgba（252,111,116， 0.7）”， “borderColor”：“rgba（35,100,224， 0.7）”， “borderWidth”： 2， “showLine”：...
gabrigcl
我见过有 “JavaScript component.setAttributes（{ id： 'test'， 'data-key'： 'value' }）; ``` 方法，我会测试并关闭这个问题。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
@artf，我尝试把模板嵌入到grapesjs编辑器里。我遇到的问题是编辑器在那个模板下没有按预期工作。 注意：我用 react 应用来封装 grapesjs 编辑器。 最初编辑器嵌入了我的模板，看起来就像下面的图片 ![无题]（https://user-images.githubusercontent.com/22819712/46062687-2f6a2a80-c188-11e8-9de1-3714af7a08b0.png） 我用了视差效果作为模板。问题是当我第一次点击导航栏时，它的反应不同，导致在现有编辑器中加载了另一个编辑器。 ![无题]（https://user-images.githubusercontent.com/...
artf
请制作一个本期的现场演示
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
你好， 我想使用自定义资产管理器 我习惯了这个解决方案， ` var 资产目标 =''; 编辑。Commands.add（'open-assets'， { run（editor， sender， opts = {}） { const modal = 编辑器。模态; const styleManager = editor.styleManager; 资产目标 = opts.target; modal.setTitle（“添加新图像”）; var $test = $（“<iframe style='宽度：100%;height： calc（100VH - 60px）;' src='http：//192.168.0.227：45678/...
artf
@Stejsi在“opts”里有“onSelect”回调，应该能在样式管理器里更新内容。不幸的是，它只接受资产（对象）作为参数（抱歉，我会让它也理解字符串），所以目前你只能这样做 “''js const fakeAsset = { get： （） =>路径 }; opts.onSelect（fakeAsset）; ```
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
我按压缩包下载了源代码，运行了“npm i”，但运行不了“npm start”。 这是我解决这个问题的方法。换衣服时有效package.json 之前： 之后：
artf
好的，但“-- -w”是针对手表的SCSS文件，按照你的改动，我觉得它可能无法使用。（我猜你用的是Windows） 也许我们应该做类似的操作，让它跨平台运行： “''js “start”：“NPM 运行 build：CSS：dev & webpack-dev-server --open -progress --colors”， “build：css：dev”：“node-sass src/styles/scss/main.scsss dist/css/grapes.min....
Gyanxie
@artf 是的，我用Windows。我刚试过用你的零钱，但没用。 ![图片]（https://user-images.githubusercontent.com/16382366/46116338-3481b500-c22e-11e8-8e2e-50354e4eeac4.png）这里有一个有效的例子。 ![图片]（https://user-images.githubusercontent.com/16382366/46116384-7a3e7d80-c22e-11e8-8...
Gyanxie
@artf 如果有必要，我已经运行过“npm列表”。 [npmList.txt]（https://github.com/artf/grapesjs/files/2421995/npmList.txt）