Question

在 Laravel 5 中实现 ckeditor

2015-05-26

29022

laravel laravel-4 laravel-5

我想在 laravel 5 中实现 ckeditor。我已经安装了 IvoryCKEditorBundle。但对于实现，文档说要注册一个名为 ckeditor 的新表单字段类型来扩展 textarea。

我该怎么做？

Answer 1

您不需要软件包即可使用 CKEditor - 您可以从 ckeditor 网站下载整个 js 文件包。下载完成后，将包含所有下载文件的文件夹放入您的 js 文件夹中

现在，您可以在视图中引用 ckeditor.js 文件：

{{ HTML::script('assets/js/plugins/ckeditor/ckeditor.js') }}

接下来，包含一个简短的 ckeditor 脚本，其中可以包含自定义配置（在 js/plugins/ckeditor 文件夹中编辑配置）：

<script type="text/javascript">
         CKEDITOR.replace( 'messageArea',
         {
          customConfig : 'config.js',
          toolbar : 'simple'
          })
</script>

将 .ckeditor 作为类添加到您的文本区域中：

<textarea id="messageArea" name="messageArea" rows="7" class="form-control ckeditor" placeholder="Write your message.."></textarea>

如果您使用 ajax 发布内容，请使用类似下面的方法获取文本区域值：

var message = CKEDITOR.instances.messageArea.getData();

Answer 2

按照这个，你可以在 1 分钟内完成。

https://github.com/UniSharp/laravel-ckeditor

谢谢。

Y. Joy Ch. Singha

2018-12-11

Answer 3

您可以从 //cdn.ckeditor.com/4.14.0/standard/ckeditor.js 获取资源从此处下载并放入 /public/ckeditor/

<script src="{{ asset('ckeditor/ckeditor.js') }}"></script>
<script>
CKEDITOR.replace( 'summary-ckeditor' );
</script>

或如果您想使用 CDN，则上述代码如下：

<script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
<script>
CKEDITOR.replace( 'summary-ckeditor' );
</script>