ckeditor使用教程【简单快捷】

http://jingyan.baidu.com/article/d169e186448a46436611d8e1.html

 

 

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

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

方法/步骤

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

    ckeditor使用教程【简单快捷】
  2. 点击右侧的download按钮。

    ckeditor使用教程【简单快捷】
  3. 接下来会提示要下载哪种类型的包,建议第三种full package,因为这个全,点击Download CKEditor将它下载下来。

    ckeditor使用教程【简单快捷】
    ckeditor使用教程【简单快捷】
  4. 解压下载后的zip包,可以看到它里面有好多的js和css。

    ckeditor使用教程【简单快捷】
  5. 接下来就要进行配置了。

  6. 第一步:将ckeditor整个文件夹放到网站资源目录下,如下图。

    ckeditor使用教程【简单快捷】
  7. 第二步:在要添加ckeditor的网页上加入ckeditor.js,如下图。

    ckeditor使用教程【简单快捷】
  8. 第三步:在要转换成富文本的textarea下方编写js:CKEDITOR.replace('textarea的name'),如下图。

    ckeditor使用教程【简单快捷】
  9. 第四步:打开网站查看效果,如下图。

    ckeditor使用教程【简单快捷】
  10. 这样就简单快捷地实现了网页在线编辑器,不过这个编辑器看上去呆呆的,其实它还可以变得更加漂亮呢,改天再写怎么样让它变得漂亮起来。

转载于:https://www.cnblogs.com/zhp404/articles/4410058.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值