ckeditor使用教程【简单快捷】

ckeditor是一款由javascript编写的富文本网页编辑器，它可以填写文字、插入图片、视频、Excel等富媒体信息，也可以在源码方式下填写内容，在各个网站中应用非常广泛。

下面就来说说ckeditor到底是怎么使用的。

• 首先百度中输入ckeditor，第一个链接就是它的官网，点击进入。

图片.png

• 点击右侧的download按钮。

图片.png

• 接下来会提示要下载哪种类型的包，建议第三种full package，因为这个全，点击Download CKEditor将它下载下来。

  
  
  

  图片.png

• 解压下载后的zip包，可以看到它里面有好多的js和css。 接下来就要进行配置了。

  
  
  

  图片.png

第一步：将ckeditor整个文件夹放到网站资源目录下，

第二步：在要添加ckeditor的网页上加入ckeditor.js，如下图。

图片.png

第三步：在要转换成富文本的textarea下方编写，刷新页面就可以看到了 不过这时候你会清楚的发现他有一个自带的保存按钮 一直灰色不可点击 ，所以这时候 有两种解决方案，可以重写保存方法 也可以机智的隐藏掉这个按钮 自己写一个保存按钮 这样会更加的直观 方便
js：CKEDITOR.replace('textarea的name')

  CKEDITOR.replace( 'rich_text')

第四步：在页面中即时设置编辑器