Ckeditor4详细使用加减配置按钮教程（包含控件的增删）

因为全是英文，所以我会尽量记录的详细一点:

下载:https://ckeditor.com/ckeditor-4/download/

image.png

下载好后解压


image.png

打开index.html


image.png

来到Ckeditor4的配置界面


image.png

在这里进行增删移动，看自己需求,调整好后


image.png

这里就是配置文件了，复制自动生成的配置

接下来是使用:

将整个目录放在你的项目下


image.png

在需要用到的地方引用

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

这个就是富文本框

<div id="editor"></div>

接下来是核心,一定不能忘了，不然页面无法显示编辑框

<script>
    CKEDITOR.replace( 'editor' );
</script>

这样富文本框已经可以显示出来了，接下来就要用到上面复制的配置文件了
复制刚才生成的配置文件，放在你项目下的creditor->config.js里面


image.png

保存之后就大功告成了。接下来你还可以根据你的需求来删除里边不用的插件.以减小体积!

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容