Ckeditor4超详细使用加配置教程(包含控件的增删)

因为全是英文,所以我会写的详细一点:

Ckeditor4下载

下载地址:地址

Ckeditor4超详细使用加配置教程(包含控件的增删)
下载好后解压,
Ckeditor4超详细使用加配置教程(包含控件的增删)
打开index,
Ckeditor4超详细使用加配置教程(包含控件的增删)
打开后就是配置界面
Ckeditor4超详细使用加配置教程(包含控件的增删)
在这里进行增删移动,看自己需求,调整好后
Ckeditor4超详细使用加配置教程(包含控件的增删)
这里就是配置文件了,复制

接下来是使用篇:

使用篇

书接上回,将整个目录放在你的项目下
Ckeditor4超详细使用加配置教程(包含控件的增删)
在需要用到的地方引用

    <script src="ckeditor/ckeditor.js"></script>

这个就是富文本框

    <div id="editor">

     </div>

接下来是核心,一定不能忘了,不然现实不出来

<script>

    CKEDITOR.replace( 'editor' );

</script>

这样富文本框已经可以显示出来了,接下来就要用到上面复制的配置文件了
Ckeditor4超详细使用加配置教程(包含控件的增删)

复制他们,放在你项目下的creditor->config.js里面

Ckeditor4超详细使用加配置教程(包含控件的增删)

保存之后就大功告成了。
效果图:
Ckeditor4超详细使用加配置教程(包含控件的增删)

然后你就可以根据自己的需求删除掉creditor里面没用的插件之类的,减小体积。

注:我也是盲人摸象,看了几篇博客基本不够全面,只说了如何使用,还基本差不多。希望能帮到各位。