Javascript 如何安装CKEditor 5 autosave插件?
我需要集成CKEditor 5 autosave插件。目前,我已经包括了如下所示的CKEditorJavascript 如何安装CKEditor 5 autosave插件?,javascript,laravel,npm,webpack,ckeditor,Javascript,Laravel,Npm,Webpack,Ckeditor,我需要集成CKEditor 5 autosave插件。目前,我已经包括了如下所示的CKEditor <script src="https://cdn.ckeditor.com/ckeditor5/25.0.0/classic/ckeditor.js"> </script> 我现在只需要在前端使用CKEditor。如果有人能告诉我如何与npm集成或不与npm集成,我将不胜感激。要使用npm安装CKEditor 5,请尝试该软件包 此外,还需要jQuer
<script src="https://cdn.ckeditor.com/ckeditor5/25.0.0/classic/ckeditor.js">
</script>
我现在只需要在前端使用CKEditor。如果有人能告诉我如何与npm集成或不与npm集成,我将不胜感激。要使用npm安装CKEditor 5,请尝试该软件包 此外,还需要jQuery
npm install --save-dev jquery
在bootstrap.js中
window._ = require('lodash');
try {
window.$ = window.jQuery = require('jquery');
window.ClassicEditor = require('@ckeditor/ckeditor5-build-classic');
} catch (e) {
console.error(e);
}
整理你的资产
npm run prod
这里有一个刀片示例
<html>
<head>
<title>CKEditor 5 Laravel 8 Example</title>
<script src="{{ mix('js/app.js') }}"></script>
</head>
<body class="antialiased">
<div class="relative flex items-top justify-center min-h-screen pt-8">
<div id="editor">
<p>This is some sample content.</p>
</div>
</div>
<script>
ClassicEditor
.create(document.querySelector('#editor'))
.catch(error => {
console.error(error.stack);
});
</script>
</body>
</html>
从那里开始,咨询客户
npm run prod
<html>
<head>
<title>CKEditor 5 Laravel 8 Example</title>
<script src="{{ mix('js/app.js') }}"></script>
</head>
<body class="antialiased">
<div class="relative flex items-top justify-center min-h-screen pt-8">
<div id="editor">
<p>This is some sample content.</p>
</div>
</div>
<script>
ClassicEditor
.create(document.querySelector('#editor'))
.catch(error => {
console.error(error.stack);
});
</script>
</body>
</html>
npm install --save-dev @ckeditor/ckeditor5-autosave