将CKEditor添加到我的html / php页面

Question

我正在建立一个论坛ish网站。现在我希望CKEditor成为我的反应块，这样我就可以将文字粗体和强调，但问题是我在PDO中制作我的网站，现在我下载了插件 - 但我不确定如何从那里开始。

我试过这段代码：

<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 class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse"><i class="fa fa-minus"></i></button>
            <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>
<!-- /.box -->

<script>
    $(function () {
        // Replace the <textarea id="editor1"> with a CKEditor
        // instance, using default configuration.
        CKEDITOR.replace('editor1');
        //bootstrap WYSIHTML5 - text editor
        $(".textarea").wysihtml5();
    });
</script>

插件位于我正在使用的所有插件的地图中。

现在的样子