问题 #2200✓ 已解决提出于 2019年8月17日作者 GoodPHP3 个反应

自定义你的GrapesJS

快速解答作者 smik32

哦,我知道!我指的是,如果你尝试使用Dist的索引/块/组件文件(即未压缩且更易操作),它们在Node/webpack环境外是无法工作的。 2019年8月19日20:18,Pouya Miralayi<[email protected]>写道: @smik3你不需要节点环境来定义插件。 grapesjs.plugins.add('your-plugin', editor => { your stuff } 这将定义行为,并且你有编辑器实例作为参数可用。 然后像之前一样初始化编辑器并指定插件。 干杯。 — 你收到这个是因为有人提到你。 直接回复此邮件,访问GitHub查看,或静音该帖子。

阅读下方完整回答 ↓

问题

你好,

我愿意为你定制GrapesJS编辑器,满足任何效果。

我有大约3年的GrapesJS经验和9年的网页开发经验。

我的作品示例: https://monosnap.com/file/MnXzYlIK5UVe3oVr8dqveDzZG7PVU8

视频: https://monosnap.com/file/Lw0E8VmGdsyWUGe8jsRII6i66P1urm

电子邮件:[email protected] Skype:maxim2356

此致敬礼:)

回答(3)

👍 最有帮助smik32019年8月19日

哦,我知道!我指的是,如果你尝试使用Dist的索引/块/组件文件(即未压缩且更易操作),它们在Node/webpack环境外是无法工作的。 2019年8月19日20:18,Pouya Miralayi<[email protected]>写道: @smik3你不需要节点环境来定义插件。 grapesjs.plugins.add('your-plugin', editor => { your stuff } 这将定义行为,并且你有编辑器实例作为参数可用。 然后像之前一样初始化编辑器并指定插件。 干杯。 — 你收到这个是因为有人提到你。 直接回复此邮件,访问GitHub查看,或静音...

inaLar2019年8月21日

@smik3,这并不是一个好做法,因为以后更新GrapesJS会变得不便。你最好把 js 函数里的自定义代码和你需要用作插件的代码分开,然后加载。或者只用Node编译插件,然后把plugin-name.min.js投入生产环境。

'var editor = grapesjs.init({ ... 插件:[yourCustomFunction], ... }) `

Chaitwo2019年8月19日

嘿,@GoodPHP我需要帮忙解决我一直面临的一个挑战

我想在预览模式下隐藏src为空的图片,并在编辑器模式下显示,即停止:预览。

我试过了,但不知为何似乎没用

editor.on('run:preview', () => {
    $('.img[src=“”]').hide();
});

谢谢, 柴图

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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