如何在Laravel 5中使用ckeditor

Chaman Narved

我正在使用laravel创建一个新的Blog Web应用程序。在这个应用程序中,需要一个编辑器来创建博客文章,因此我可以使用ckeditor它。

我已经使用了官方ckeditor文档来安装和设置ckeditor,但是在我的文本区域中没有显示编辑器。

这是我使用的脚本

<script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
<script>
    CKEDITOR.replace('article-ckeditor');
</script>

这是实现ckeditor

<div class="form-group">
    {{Form::label('body', 'Body')}}
    {{Form::textarea('body', $post->body, ['id' => 'article-ckeditor', 'class' => 'form-control', 'placeholder' => 'Body Text'])}}
</div>

在这里,我在控制台日志中发现了一些错误

Failed to load resource: the server responded with a status of 404 (Not Found)    (ckeditor.js:1)

Uncaught ReferenceError: CKEDITOR is not defined at create:108

运行 php artisan vendor:publish --tag=ckeditor 命令后,我得到了更多新错误。

Uncaught TypeError: Cannot read property 'unselectable' of null           (ckeditor.js:326 )
    at b (ckeditor.js:326)
    at a.<anonymous> (ckeditor.js:322)
    at a.h (ckeditor.js:11)
    at a.<anonymous> (ckeditor.js:13)
    at a.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:14)
    at a.fireOnce (ckeditor.js:13)
    at a.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fireOnce (ckeditor.js:14)
    at Object.<anonymous> (ckeditor.js:252)
    at g (ckeditor.js:233)
    at Object.load (ckeditor.js:233)

我正在创建一个博客应用程序,因此我需要一个编辑器,但它无法正常工作,而且由于没有显示任何错误,因此无法解决。整个应用程序是该编辑器以外的工作属性。

dparoli

从错误看来ckeditor.js文件没有被加载。

UniSharp / laravel-ckeditor的官方文档说,您应该通过以下命令发布资源:

php artisan vendor:publish --tag=ckeditor

执行该命令后,您应该拥有以下文件:your_project_path/public/vendor/unisharp/laravel-ckeditor/ckeditor.js

更新:最后一个错误(Cannot read property 'unselectable' of null)似乎是ckeditor的已知问题,默认为laravel app.js,他们建议deferapp.js模板的行加载删除app.blade.php

<script src="{{ asset('js/app.js') }}"></script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Laravel 5中使用我自己的Jquery

如何在Laravel 5中使用php DateTime()函数

如何在Laravel 5中使用分页?

如何在laravel 5中使用哨兵?

如何在Laravel 5中使用局部函数?

如何在Laravel 5中使用Bootstrap?

CKEDITOR-在Laravel 5中使用AJAX更新/创建产品失败

如何在Angular 4中使用CKEditor?

如何在ckeditor中使用定义的类?

如何在Laravel 5中使用Raw查询使用分页

如何在laravel 5中使用参数创建命令(使用phpmd作为php artisan phpmd)?

如何在CKEditor 5 Classic中使用url图像插入对话框而不是上传

如何在 CKEditor 5 中使用 asp.net core razor Pages 上传图片

如何在 CKEditor 5 中使用文档编辑器设置数据

如何在Laravel 5中使SQL联接查询?

Laravel 5如何在文件列表中使用分页?

如何在Laravel 5的嵌套查询中使用GroupBy?

如何在 Laravel 5 中使用 sd() 函数

如何在Laravel 5中使用PSR4命名空间?

如何在Laravel 5中使用锚点返回视图?

如何在Laravel 6中使用Font Awesome 5图标

如何在Laravel 5中使用Storage Facade获取文件路径?

如何在Laravel 5中使用Eloquent更新数据透视表

如何在我的自定义登录Laravel5中使用哈希

如何在Laravel 5中使用缓存并使代码保持DRY

如何在自定义类laravel 5中使用会话?

如何在Laravel 5中使用JsValidator验证所选的多选

如何在子页面Laravel 5中使用js和CSS

如何在Laravel 5中使用`where`子句进行联接?