使用 webpack 在 Laravel 5 中将插件安装到 CKEditor 5

2024-02-28

我在将插件安装到集成到 Laravel 5.6 的 CKEditor 时遇到了一个小问题。 根据 CKEditor 文档的集成指南,我能够添加@ckeditor/ckeditor5-build-classic https://www.npmjs.com/package/@ckeditor/ckeditor5-build-classic使用 npm 到项目的依赖关系,并且它与 webpack 一起工作得很好。

但问题是我无法添加默认情况下未包含在 CKEditor 中的自定义插件。我正在关注guide https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/installing-plugins.html添加自定义插件,但它在 laravel 本身的 webpack 中并不能正常工作。例如,我尝试添加@ckeditor/ckeditor5-alignment,但没有工作,我收到以下控制台错误。

TypeError: Cannot read property 'getAttribute' of null

我想这可能是我在设置 ClassicEditor 实例时没有添加所有必需的插件。所以我尝试了另一件事。 我已将插件安装到 ckeditor 构建中,并获得了自定义构建。但是,当我尝试使用以下语句在自定义路径中导入构建时,它没有导入。

import ClassicEditor from '../plugins/vendor/ckeditor/build/ckeditor';

如果我只是从 node_modules 中删除构建目录并复制此自定义构建,我就可以使用以下语句使其工作。

import ClassicEditor from '@ckeditor/ckeditor5-build-classic/build/ckeditor';

这不是在 node_modules 中编辑/更新的专业方法。

所以我的问题是:

如何在 Laravel 本身上将自定义插件安装到 CKEditor?

或者如何在不自定义 node_modules 的情况下将自定义 CKEditor 版本添加到项目中?


我在 Laravel 项目中使用过 CKEditor 等,但我的做法如下:

  1. 我从 CKEditor 网站下载了 js 和 CSS 文件并解压文件
  2. 我将这些文件复制到 Laravel 项目的 public 文件夹中
  3. 您可以像这样在刀片页面中访问和使用它们
<code>
   <script src="{{asset('js/ckeditor.js')}}"></script>
   <link rel="stylesheet: href="{{asset('js/ckeditor.js')}}" />
</code>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 webpack 在 Laravel 5 中将插件安装到 CKEditor 5 的相关文章

随机推荐