我已将CKEditor实现为:
<div class="form-group">
{!! Form::label('text', '*Article') !!}
{!! Form::textarea('text', null, ['class' => 'form-control ckeditor', 'placeholder' => 'Article.', 'name'=>'text', 'rows' => '7']) !!}
<script>
CKEDITOR.replace( 'text', {
filebrowserBrowseUrl = '/elfinder/ckeditor',
filebrowserImageBrowseUrl : '/elfinder/ckeditor',
uiColor : '#9AB8F3',
height : 300
} );
</script>
并在我的文件底部
<script src="http://cdn.ckeditor.com/4.4.7/standard/ckeditor.js"></script>
我已按照此处的说明安装了elfinder:
https://github.com/barryvdh/laravel-elfinder
我可以通过访问localhost / elfinder(编辑:或localhost / elfinder / ckeditor)访问elfinder
然而,我错过了&#34;浏览服务器&#34; (我想)应该在弹出窗口中打开elfinder的按钮。
以下是我的路线:
请询问您是否还需要更多信息。谢谢!
编辑: - 关闭浏览按钮html -
以下是使用display:none;
呈现的浏览按钮。
<a style="margin-top: 14px; margin-left: auto; margin-right: auto; display: none; -moz-user-select: none;" href="javascript:void(0)" title="Browse Server" hidefocus="true" class="cke_dialog_ui_button" role="button" aria-labelledby="cke_76_label" id="cke_77_uiElement"><span id="cke_76_label" class="cke_dialog_ui_button">Browse Server</span></a>
EDIT2: - 检查此元素错误 -
当我在浏览器中右键单击检查此元素然后在控制台上时,我收到此错误:
ReferenceError: CKEDITOR is not defined
在脚本的第一行:
CKEDITOR.replace( 'text', {
答案 0 :(得分:1)
三个小时后我得到了解决方案:
CKEDITOR.replace();需要转到document.ready函数:
<script>
$( document ).ready(function() {
CKEDITOR.replace( 'text', {
filebrowserBrowseUrl : '/elfinder/ckeditor',
filebrowserImageBrowseUrl : '/elfinder/ckeditor',
uiColor : '#9AB8F3',
height : 300
} );
});
</script>