问题 #2281💬 已回答提出于 2019年9月19日作者 AkibDeraiya1230 个反应

如何在打开图片编辑器时设置图片裁剪的默认自定义比例

快速解答作者 AkibDeraiya123

嘿,@artf, 我想我找到了一些对其他用户有帮助的东西。 我从“https://github.com/artf/grapesjs-tui-image-editor”git仓库调试代码,我想我可以实现上述所有功能,还能实现更多自定义功能,比如“Tui图片编辑器(这是Grapejs-tui-image-editor中使用的主库)”。 但我就是想不明白怎么重新初始化“grapesjs-tui-image-editor.min.js”! 实际上,如果我们在打开“图片编辑器”时重新初始化“grapesjs-tui-image-editor.min.js”,那么变量“opts”的值会改变,如果我们在“options”参数中传递某个内容,然后...

阅读下方完整回答 ↓

问题

嘿,@artf, 感谢你创建了如此有帮助的开源库。

@artf我正在开发开放图片编辑器,用户则从“选择图片”模式中更换照片。 我成功打开了“图片编辑器”,用户关闭了“选择图片”模态,这正是利用这段代码的帮助。

var cmdm = 编辑器。指挥;
editor.on(“stop:open-assets”, function () {
     cmdm.run(“tui-image-editor”);
});

但当这个模态打开时,我想在编辑器里默认设置自定义裁剪比例,而用户无法更改这个默认裁剪比例,也不能使用其他图像编辑器,比如翻转、遮罩、文本、绘图、滤镜等选项。只有默认裁剪比例和重做、撤销和重置选项可以启用,其他选项需要隐藏或禁用。

我该如何用这个命令 'editor.commands.run('tui-image-editor');' 实现?

我在想,需要把某个配置对象传递到上面的命令里。如果是的话,你能帮我弄一些配置密钥吗?这对我来说可能有帮助。

或者如果我不需要把那个配置对象传递到上面的命令里,那还有什么其他办法可以实现这个功能?

你的回答对我会很有帮助。

回答(3)

AkibDeraiya1232019年9月19日

嘿,@artf, 我想我找到了一些对其他用户有帮助的东西。 我从“https://github.com/artf/grapesjs-tui-image-editor”git仓库调试代码,我想我可以实现上述所有功能,还能实现更多自定义功能,比如“Tui图片编辑器(这是Grapejs-tui-image-editor中使用的主库)”。 但我就是想不明白怎么重新初始化“grapesjs-tui-image-editor.min.js”! 实际上,如果我们在打开“图片编辑器”时重新初始化“grapesjs-tui-image-editor.min.js”,那么变量“opts”的值会改变,如果我们在“...

AkibDeraiya1232019年9月25日

@artf,我已经试过了,但似乎没用。

在“this.getEditorConfig()”函数中,我们没有获得更新选项。

我还尝试用日志打印更新后的配置,在这行后面写入 'const config = { ...opts.config };',但似乎 config 会打印初始配置对象(当我初始化编辑器时,我传递给 'grapesjs-tui-image-editor' 的 pluginsOpts)。

无论如何,我已经从自己那边解决了这个问题。如果你想让我帮你发PR请求,告诉我。

相关问答

通过相似的问题讨论继续研究。

问题 #839

创建自定义选定的组件设置

面板中有更改组件设置的选项(链接有“不更改链接”- HREF - 和目标,文本、ID和标题,图片有alt属性)。我想知道如何创建那个输入,以及如何在所选组件中更改这个 attrs?我创建了一个面板视图作为CKEditor,在选择时更改文本组件,我希望这些水獭设置能保持在同一视图...

3 个回答更新于 2019年9月18日

问题 #625

Editor.store();多次开火

你好@all, 我用自定义代码阻止数据流向服务器。一切正常,但 editor.store();第一次点击一次,第二次点击两次,第三次点击三次......诸如此类。 在storageManager ->类型中我用的是“remote”——如果用“本地”,拳头点击就没有效果。 有人能...

3 个回答更新于 2019年9月17日

问题 #1457

:风格管理器中的自定义资产管理器背景图片

你好, 我想使用自定义资产管理器 我习惯了这个解决方案, ` var 资产目标 =''; 编辑。Commands.add('open-assets', { run(editor, sender, opts = {}) { const modal = 编辑器。模态; const...

2 个回答更新于 2019年10月12日

问题 #3381

在组件间切换会产生最大呼叫堆栈大小误差

你好,artf,感谢你打造了这样强大的定制CMS工具。 我正在项目中实现一个新页面功能,所以我用你的参考来切换组件,但出现了错误,请问能否指导我如何在面板点击“添加新页面”按钮时构建新页面? 这是我的代码

3 个回答更新于 2021年4月20日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。