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

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

Ckeditor4下载

下载地址:地址

在这里插入图片描述
下载好后解压,
在这里插入图片描述
打开index,
在这里插入图片描述
打开后就是配置界面
在这里插入图片描述
在这里进行增删移动,看自己需求,调整好后
在这里插入图片描述
这里就是配置文件了,复制

接下来是使用篇:

使用篇

书接上回,将整个目录放在你的项目下
在这里插入图片描述
在需要用到的地方引用

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

这个就是富文本框

    <div id="editor">

     </div>

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

<script>

    CKEDITOR.replace( 'editor' );

</script>

这样富文本框已经可以显示出来了,接下来就要用到上面复制的配置文件了
在这里插入图片描述

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

在这里插入图片描述

保存之后就大功告成了。
效果图:
在这里插入图片描述

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

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

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值