Kindeditor使用教程来了!新手小白也能快速上手!

吉云

今天我就来说一说这个KindEditor咋用。这玩意儿是我比较喜欢用的一个富文本编辑器,简单好用,功能也挺多的。想当初我也是个小白,一点儿都不懂,后来慢慢摸索,总算是搞明白。

下载安装包

你得去弄一个KindEditor的资源包,我当时是在官网上下载的。你把这个压缩包下载下来,解压后,把那些个没用的文件夹,什么asp,php,统统给它删掉,就留下一个jsp文件夹就行。

Kindeditor使用教程来了!新手小白也能快速上手!

把文件放到项目中

你得把你刚才下载并解压好的那个文件夹,整个儿复制粘贴到你的项目里头。我那时候是做一个JSP的项目,就把这个文件夹放到项目的根目录下。具体放到哪儿,还得看你自己的项目结构。

初始化编辑器

一步,就是初始化这个编辑器。这一步也很简单,就是在你的网页代码里,加几行代码就完事。我当时是在需要使用编辑器的地方,加一个textarea标签,然后用JavaScript代码初始化一下KindEditor。

  • 第一步,引入js文件
  • 你得在你的网页里,引入KindEditor的几个js文件,主要就是*和lang文件夹下的*这两个文件。当时我把这两个文件放在同一个目录下,直接引入就行。

  • 第二步,编写初始化代码
  • 这一步,就是在你的JavaScript代码里,写上几行代码,初始化KindEditor。具体代码咋写,官网上都有,你直接抄过来就行。主要就是指定一下,在哪一个textarea上初始化编辑器。

  • 第三步,测试一下
  • 这些都弄好,你就可以打开你的网页,看看编辑器是不是出来。要是出来,那就恭喜你,大功告成!要是没出来,那就再检查一下,看看是哪一步出问题。

使用KindEditor,就这几步,说起来也挺简单的。想当初我刚开始用的时候,也是一头雾水,不过多试几次,多看看官网文档,也就慢慢搞明白。希望我今天的分享能帮到你们!

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]