Laravel 5.4 AdminLTE CKEditor - 编辑器不显示选项
Laravel 5.4 AdminLTE CKEditor - editor not showing options
环境:
- XAMPP
- Windows 10家
使用:
- Laravel 5.4
- AdminLTE
Objective:
我正在尝试将 CKEditor 添加到我的 AdminLTE 仪表板页面,但是当我关注 these steps it comes up in my page with no toolbar like this
代码:
<div class="box box-info">
<div class="box-header">
<h3 class="box-title">CK Editor
<small>Advanced and full of features</small>
</h3>
<!-- tools box -->
<div class="pull-right box-tools">
<button type="button" class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip"
title="Collapse">
<i class="fa fa-minus"></i></button>
<button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip"
title="Remove">
<i class="fa fa-times"></i></button>
</div>
<!-- /. tools -->
</div>
<!-- /.box-header -->
<div class="box-body pad">
<form>
<textarea id="editor1" name="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</div>
</div>
和JS代码:
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1')
//bootstrap WYSIHTML5 - text editor
//$('.textarea').wysihtml5()
})
</script>
问题出在 css
和 js
路径中。此外,如果您同时添加了这两个,则使用查看页面源在浏览器中检查它并使用完美路径确认它是否包含!
如果全部完成然后在 $(function () {
中创建控制台并检查它是否调用?
如果你不知道如何在css和js中添加路径laravel,请参考下面的内容:
CSS路径:
<link rel="stylesheet" type="text/css" href="{{ URL::to('css/bootstrap3-wysihtml5.min.css') }}">
JS路径:
<script type="text/javascript" src="{{ URL::to('js/bootstrap3-wysihtml5.all.min.js') }}"></script>
包含路径后,您需要为您在问题中使用的 CkEditor 添加 HTML
和 JS
代码!!
希望这能解决您的问题!!
环境:
- XAMPP
- Windows 10家
使用:
- Laravel 5.4
- AdminLTE
Objective:
我正在尝试将 CKEditor 添加到我的 AdminLTE 仪表板页面,但是当我关注 these steps it comes up in my page with no toolbar like this
代码:
<div class="box box-info">
<div class="box-header">
<h3 class="box-title">CK Editor
<small>Advanced and full of features</small>
</h3>
<!-- tools box -->
<div class="pull-right box-tools">
<button type="button" class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip"
title="Collapse">
<i class="fa fa-minus"></i></button>
<button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip"
title="Remove">
<i class="fa fa-times"></i></button>
</div>
<!-- /. tools -->
</div>
<!-- /.box-header -->
<div class="box-body pad">
<form>
<textarea id="editor1" name="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
</form>
</div>
</div>
和JS代码:
<script>
$(function () {
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace('editor1')
//bootstrap WYSIHTML5 - text editor
//$('.textarea').wysihtml5()
})
</script>
问题出在 css
和 js
路径中。此外,如果您同时添加了这两个,则使用查看页面源在浏览器中检查它并使用完美路径确认它是否包含!
如果全部完成然后在 $(function () {
中创建控制台并检查它是否调用?
如果你不知道如何在css和js中添加路径laravel,请参考下面的内容:
CSS路径:
<link rel="stylesheet" type="text/css" href="{{ URL::to('css/bootstrap3-wysihtml5.min.css') }}">
JS路径:
<script type="text/javascript" src="{{ URL::to('js/bootstrap3-wysihtml5.all.min.js') }}"></script>
包含路径后,您需要为您在问题中使用的 CkEditor 添加 HTML
和 JS
代码!!
希望这能解决您的问题!!