laravel 5.1、CKEditor、barryvdh/laravel-elfinder、无浏览按钮
laravel 5.1, CKEditor, barryvdh/laravel-elfinder, no browse button
我已经将 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
但是,我缺少 "Browse server" 按钮(我想)应该在弹出窗口中打开 elfinder window。
这是我的路线:
如果您还需要什么,请询问。谢谢!
编辑:--缺少浏览按钮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', {
三个小时后我得到了解决方案:
CKEDITOR.replace();需要转到 document.ready 函数:
<script>
$( document ).ready(function() {
CKEDITOR.replace( 'text', {
filebrowserBrowseUrl : '/elfinder/ckeditor',
filebrowserImageBrowseUrl : '/elfinder/ckeditor',
uiColor : '#9AB8F3',
height : 300
} );
});
</script>
我已经将 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
但是,我缺少 "Browse server" 按钮(我想)应该在弹出窗口中打开 elfinder window。
这是我的路线:
如果您还需要什么,请询问。谢谢!
编辑:--缺少浏览按钮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', {
三个小时后我得到了解决方案:
CKEDITOR.replace();需要转到 document.ready 函数:
<script>
$( document ).ready(function() {
CKEDITOR.replace( 'text', {
filebrowserBrowseUrl : '/elfinder/ckeditor',
filebrowserImageBrowseUrl : '/elfinder/ckeditor',
uiColor : '#9AB8F3',
height : 300
} );
});
</script>