Question

环境：

XAMPP
Windows 10家庭版

使用：

Laravel 5.4
AdminLTE

目标：我试图将 CKEditor 添加到我的AdminLTE仪表板页面，但是当我关注these steps时，它会出现在我的页面中，而没有

这样的工具栏

代码：

     <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>

Answer 1

问题出在css和js路径中。另外，如果同时添加了两者，请在浏览器中使用查看页面源对其进行检查，并通过是否包含完美路径来进行确认！

如果一切都完成了，那么在$(function () {中创建控制台并检查是否调用了吗？

如果您不知道如何在laravel中为CSS和JS添加路径，请参考以下内容：

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代码！

希望这可以解决您的问题！

Laravel 5.4 AdminLTE CKEditor-编辑器未显示选项

1 个答案: