【发布时间】:2015-05-26 19:30:17
【问题描述】:
我想在 laravel 5 中实现 ckeditor。我已经安装了 IvoryCKEditorBundle。但是为了实现,文档说要注册一个名为 ckeditor 的新表单字段类型,它扩展了 textarea。
我该怎么做?
【问题讨论】:
-
这是一个 symfony 包。我认为它不适用于 Laravel。
标签: laravel laravel-4 laravel-5
我想在 laravel 5 中实现 ckeditor。我已经安装了 IvoryCKEditorBundle。但是为了实现,文档说要注册一个名为 ckeditor 的新表单字段类型,它扩展了 textarea。
我该怎么做?
【问题讨论】:
标签: laravel laravel-4 laravel-5
您不需要捆绑即可使用 CKEditor - 您可以从 ckeditor website 下载整个 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 发布您的内容,请使用类似的方法来获取 textarea 值:
var message = CKEDITOR.instances.messageArea.getData();
【讨论】:
按照这个你可以在 1 分钟内完成。
https://github.com/UniSharp/laravel-ckeditor
谢谢。
【讨论】:
您可以从 //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>
【讨论】: