Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何安装CKEditor 5 autosave插件?_Javascript_Laravel_Npm_Webpack_Ckeditor - Fatal编程技术网

Javascript 如何安装CKEditor 5 autosave插件?

Javascript 如何安装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

我需要集成CKEditor 5 autosave插件。目前,我已经包括了如下所示的CKEditor

<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