GrapesJS 问题

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

状态

排序

找到 203 个问题

🔍 enhancement

#15782018年11月14日作者 mathiasbc3 个回答

3 个反应

增强已过时

关于“src”属性的自定义请求

我实现了一个小型GrapesJS编辑器，可以编辑Django/Jinja2模板。GrapesJS默认是尝试获取我元素的图片预览： <a href=“{{producturl}}” target=“blank”><img src=“{{imageurl}}” width=“130”/></a> 每次我把模板加载到GrapesJS编辑器时都会出现这个请求：不过http://localhost:8000/%7B%7Bimageurl%7D%7D 404 (Not Found)GrapesJS编辑器即使调用了404也能正常工作。但我想处理对图片的请求。所以，我不想GrapesJS对http://localhost:8000/%7B%7B...

artf

你好，@mathiasbc使用最新的 https://github.com/artf/grapesjs/releases/tag/v0.14.43 应该能用类似这样的东西 “''js editor.on（'component：mount'， model => { 如果（model.is（'像'））） { if （model.get（'src'） == '{{image_url}}'） { model.getEl（）.src = “http://via.placeholde...

artf

你好，Mathias，目前我看到的唯一可能性是扩展“image”组件及其“render（）”方法。我可能会添加一些新的组件事件，让这种情况更容易管理

lock[bot]

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

查看详情

#15772018年11月14日作者 emilsedgh3 个回答

1 个反应

增强需要帮助

内联CSS注释导致代码管理器失效

显然，这段HTML和CSS是有效的： '<div style=“color： red; / height 200px; /; font-weight： blan;”>' （因此才有注释的height属性） Grapesjs 在处理此类属性时遇到困难，因为模型上的 style 属性存储方式如下： ![screenshot20181113165603]（https://user-images.githubusercontent.com/120439/48452681-0405c400-e765-11e8-83a6-0d4c46a2cd09.png）最大的问题是 CssGenerator 的“buildFromObject” 把 '/...

emilsedgh

好了，我终于又复现了这个。重新开业时，[更好的小提琴]（https://jsfiddle.net/nshc9wak/1）。 gjs 内部的代码是 '''html <p style=“/ 颜色：#ffffff; /”></p> <span style=“color： red;”>Bar</span> bug是“/* color：#ffffff;”没有关闭评论标签。因此，它会渲染之后的任何 CSS。抱歉回复晚了。

artf

嗨，Emil，我试过这个 https://jsfiddle.net/37n5691f/ 但没看到问题

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

查看详情

#15672018年11月8日作者 alimajed933 个回答

1 个反应

增强需要帮助已过时

RTE工具栏错误

大家好，我使用的是最新的 Grapesjs 稳定版（40），我注意到富文本编辑器中出现了以下错误：如果用户将富文本编辑器拖放到画布中，点击它并尝试按照示例进行克隆（或工具栏中的任何操作如删除等），都不会有任何操作。用户必须为每个示例选择另一个块，或者直接点击文本编辑器外，然后再次点击文本编辑器，才能执行工具栏操作。有人知道这可能是什么原因导致这个问题吗？我是在换到新版本后开始注意到这个问题的，之前用的是v17。谢谢你的帮助。

arthuralmeidap

PR：https://github.com/artf/grapesjs/pull/1800

artf

是的，这正是因为[这个检查]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/ComponentDelete.js#L5），在编辑模式下我们需要阻止某些操作（例如点击canc/backspace会触发同一个命令）。可能我们需要设置某种强制选项

alimajed93

你好@artf，哦，我明白了。你能举几个例子说明我们为什么加上这个支票吗？我是说，我们之前遇到了哪些问题，而这次检查解决了？谢谢。

查看详情

#15302018年10月19日作者 Deepak8131 个回答

0 个反应

增强需要帮助

在撤销/重做管理器中点击事件

你好，@artf，我遇到了撤销管理器的问题，我也检查过它也在你的演示页面上。问题是，当我们点击编辑器部分外的“撤销管理器”时，也会计入事件比如图层按钮、样式按钮、屏蔽按钮或其他顶部的按钮。比如我们添加一个文本，然后点击图层按钮，再点击样式按钮，再点击块按钮，然后拖动链接，这会被视为5个事件，如果必须回退回文本，就需要点击4-5次。我也想知道这是不是问题，还是你已经在撤销和重做管理器里添加了那个事件。我为此制作了一个视频，请观看。 https://www.useloom.com/share/c867df2124bb4fd89688e580840f4f32 提前感谢大家。

artf

固定收割

查看详情

#15262018年10月18日作者 gasserol3 个回答

2 个反应

增强需要帮助

如何设置全屏命令

你好，很遗憾我找不到文档，也无法通过代码理解：我知道内置命令“全屏”，但按照我的配置（教程里），它只加载画布全屏，没有面板。这是我的HTML代码：这是我的面板代码：有人能帮我指正路吗？非常感谢你们宝贵的帮助和最诚挚的问候！

electrotype

@nativeer我也遇到过同样的问题。我的变通方法是先调用“stopCommand”，再调用“runCommand”：对我来说似乎很有效。

artf

说得好，默认的[全屏]（https://github.com/artf/grapesjs/blob/dev/src/commands/view/Fullscreen.js#L64）命令可以启用容器上的全屏（“#gjs”），但外部面板显然不行，这也是为什么你只看到画布。我非常希望能获得一个新选项的永久居民资格，这样我就能做到类似这样的事情： “''js 来自命令：“全屏”，到 command： editor => editor.runCommand（'fullscree...

gabjdev

你好@artf，上面的代码之前是全屏，但手动退出全屏后就不行了。你能用同一个按钮发送码，让全屏退出吗？

查看详情

#15162018年10月15日作者 FrciSmrci3 个回答

2 个反应

增强 bountysource 不活跃

CKeditor 5 [增强功能]

嘿，@artf，如以下[task]（https://github.com/artf/grapesjs/issues/1236）所述，我构建了一个ckeditor 5，它能配合GrapesJS，但部分功能表现不如预期。项目符号和数字点创建时没有问题，但加粗、斜体和链接选项则不行。你能不能看看这个——为了赏金？祝你有美好的一天。编辑：自定义版本不再必要，因为修复已经在最新版本里了。我用的是@ckeditor/ckeditor5-editor-inline构建版本。

FrciSmrci

你好，@artf，谢谢你的回复。自定义构建不再必要，因为修复已包含在最新的[版本]（https://github.com/ckeditor/ckeditor5/releases/tag/v11.1.1）中。我用的是@ckeditor/ckeditor5-editor-inline构建版本。我会去看看BountySource试试。:)

FrciSmrci

@Unsigno 代码应该是一个可以在 GrapesJS 中提供的新插件，比如 [grapesjs-plugin-ckeditor]（https://github.com/artf/grapesjs-plugin-ckeditor），只是这个插件应该支持 ckeditor5（grapesjs-plugin-ckeditor5）。 @gabrigcl已经开发了上述插件的大部分内容，你可以在这个[任务]（https://github.com/artf/grapesjs/issu...

artf

你好@FrciSmrci我不能说这是我的优先事项，但你可以考虑一下 https://www.bountysource.com/teams/grapesjs 开悬赏，看看有没有人能帮你看看。顺便说一句，我更倾向于和原版 CKEditor 5 集成，而不是某个分支

查看详情

#14942018年10月10日作者 DigicreateJens2 个回答

0 个反应

增强需要帮助已过时

顺风类别

我想用 [Tailwind]（https://tailwindcss.com/）搭配 GrapesJS，但这个框架使用 Utility-First CSS Classes来构建快速布局。问题在于它还使用[“特殊”类别]（https://tailwindcss.com/docs/state-variants/#app）来定义样式变体，例如“悬停：bg-blue”或“md：w-full”等。问题是GrapesJS的选择器“espt”功能用破折号（-）替换了冒号（:)），这又导致我的页面出现问题。我能为我自己的 GrapesJS 安装改动吗？还是说可以添加到 core 里，或者可以配置？我相信随着Tailwind CSS的流行，这...

artf

我很感激能给我一个永久性:)

lock[bot]

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

查看详情

#14862018年10月8日作者 Deepak8132 个回答

0 个反应

增强需要帮助

如何添加/移除类撤销管理器

你好，@artf，你能提供在撤销管理器中添加或移除类的方法吗？另外，在现场演示中，当我们拖动倒计时并点击撤销按钮时，倒计时元素对它没有任何影响。提前感谢大家

takecore

我也有同样的问题。有人解决了吗？

artf

我决定结束这篇文章，转而支持UndoManager API https://github.com/artf/grapesjs/issues/3639 的整体改进

查看详情

#14562018年9月25日作者 Gyanxie3 个回答

0 个反应

增强已过时

NPM 启动在版本 0.14.33 无法工作

我按压缩包下载了源代码，运行了“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）

查看详情

#14482018年9月21日作者 prestonkscott3 个回答

1 个反应

增强已过时

使用自定义视图时无法选择子组件

我正在尝试创建一个自定义组件，创建一个带有嵌套HTML的视图。我不想让这个HTML作为组件渲染，所以我用（用jQuery） view： defaultType.view.extend（{ 初始化：函数（） { $（this.el）.html（'<div class=“container”></div>'）; }, getChildrenSelector：函数（） { return '.container'; }, }) 但是，如果我添加子组件，它们在编辑器中无法选择。它们只能通过图层面板选择。我已经为这个问题做了一个jsFiddle：https://jsfiddle.net/pscott/72xgqkdy/ 我发现如果移...

artf

如果你通过视图添加元素，你无法选择它们，只能选择模型阅读此页 https://grapesjs.com/docs/modules/Components.html 你也可以创建不含“isComponent”的新类型

prestonkscott

@artf我知道如何使用 isComponent。我会用 fromElement: false ，所以对我打算如何使用 grapes来说不是必须的。我不希望添加到视图的元素被选中，但我希望嵌套组件可以被选择。目前它们不行。例如，如果我将它渲染为组件视图：然后，我把子组件拖放到上方的组件上。我不希望嵌套的 <h1> 或 <div> 在编辑器中被渲染成组件。我猜 getChildrenContainer 就是为此设计的，对吗？我找不到关于这种方法的任何文档。拖放和渲染子组件...

artf

好了，我明白了。“getChildrenContainer”应该能正常工作，我会尝试去掉那些“指针事件”，让“悬停”更像“select”那样工作。顺便说一句，你不需要 jquery，grapesjs 底层用的是 cash（它有类似 jquery 的 API），所以你可以做： “this.$el.html（'...'）;' 还有一种方法可以获得儿童容器 'this.getChildrenContainer（）.style....'

查看详情

GrapesJS 问题

浏览所有主题