在laravel 5中实现ckeditor

时间:2015-05-26 19:30:17

标签: laravel laravel-4 laravel-5

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

我该怎么做?

3 个答案:

答案 0 :(得分:13)

您不需要捆绑包来使用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中的一个类:

<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 :(得分:0)

按照此操作,您可以在1分钟内完成操作。

<i class="fas fa-[icon-name]"></i>

谢谢。

答案 2 :(得分:0)

您可以从//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>