#15782018年11月14日作者 mathiasbc3 个回答
我实现了一个小型的GrapesJS编辑器，可以编辑Django/Jinja2模板。GrapesJS 默认尝试获取我元素的图片预览： <a href=“{{producturl}}” target=“blank”><img src=“{{imageurl}}” width=“130”/></a> 每次我将模板加载到 GrapesJS 编辑器时，都会出现这个请求： “http://localhost:8000/%7B%7Bimageurl%7D%7D 404（未找到）” 不过GrapesJS编辑器即使调用了404，也没问题。但我还是想处理图片的请求。所以，与其让 GrapesJS 默认调用 'http://localhost:8000...
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 个回答
显然，这段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 个回答
大家好， 我使用的是最新的 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 个回答
你好，@artf， 我遇到了撤销管理器的问题，我也检查过它也在你的演示页面上。 问题是，当我们点击编辑器部分外的“撤销管理器”时，也会计入事件 比如图层按钮、样式按钮、屏蔽按钮或其他顶部的按钮。 比如我们添加一个文本，然后点击图层按钮，再点击样式按钮，再点击块按钮，然后拖动链接，这会被视为5个事件，如果必须回退回文本，就需要点击4-5次。 我也想知道这是不是问题，还是你已经在撤销和重做管理器里添加了那个事件。 我为此制作了一个视频，请观看。 https://www.useloom.com/share/c867df2124bb4fd89688e580840f4f32 提前感谢大家。
#15262018年10月18日作者 gasserol3 个回答
你好，很遗憾我找不到文档，也无法通过代码理解： 我知道内置命令“全屏”，但按照我的配置（教程里），它只加载画布全屏，没有面板。 这是我的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 个回答
嘿，@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 个回答
我想用 [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的流行，这...
lock[bot]
由于关闭后没有近期活动，该帖子已被自动锁定。请为相关漏洞开启新一期。
#14862018年10月8日作者 Deepak8132 个回答
你好，@artf， 你能提供在撤销管理器中添加或移除类的方法吗？ 另外，在现场演示中，当我们拖动倒计时并点击撤销按钮时，倒计时元素对它没有任何影响。 提前感谢大家
artf
我决定结束这篇文章，转而支持UndoManager API https://github.com/artf/grapesjs/issues/3639 的整体改进
#14562018年9月25日作者 Gyanxie3 个回答
我按压缩包下载了源代码，运行了“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 个回答
我正在尝试创建一个自定义组件，创建一个带有嵌套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”，所以用葡萄时不需要。 我不希望添加到视图中的元素被选中，但我希望嵌套组件可以被选择。 目前情况并非如此。 例如，如果我将它渲染为组件视图： 然后，我把一个子组件拖放到上方的组件上。 我不希望嵌套的“''或”''<h1><div>作为组件在编辑器中渲染。 我猜这就是“getChildrenContainer”的用途，对吗？我找不到关于这种方法的任何文档。子组件的拖放和渲染功能...
artf
好了，我明白了。“getChildrenContainer”应该能正常工作，我会尝试去掉那些“指针事件”，让“悬停”更像“select”那样工作。 顺便说一句，你不需要 jquery，grapesjs 底层用的是 cash（它有类似 jquery 的 API），所以你可以做： “this.$el.html（'...'）;' 还有一种方法可以获得儿童容器 'this.getChildrenContainer（）.style....'