ckeditor使用教程【简单快捷】

 时间:2024-10-18 13:55:03

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、这样就简单快捷地实现了网页在线编辑器,不过这个编辑器看上去呆呆的,其实它还可以变得更加漂亮呢,改天再写怎么样让它变得漂亮起来。

  • 有做过SGS检测的吗?它是什么意思
  • SAP中Routine revise display工艺路线更改显示
  • 珠江宽频办理所需资料
  • 企业中的惩罚如何有效实施呢?
  • 猫与密室长生攻略
  • 热门搜索
    手抄报图案小装饰 爱护眼睛手抄报 阅读手抄报版面设计图 有关国庆节的手抄报 四年级上册数学手抄报 清明节手抄报内容资料 数学手抄报内容大全 读书的手抄报图片大全 数学手抄报六年级 金秋十月手抄报