在html页面写一个富文本框

第一步:获取到富文本框的这个文件,链接地址:https://ckeditor.com/cke4/builder

(1)里面有几个选择,看你需求自己进行选择,然后鼠标一直拖到最下面,开始下载包

        下面我只是举个例子:我选择的事第三个full;后面还有些选择类似。

在html页面写一个富文本框_第1张图片

注意:博主在第一次的时候发现富文本框没有颜色,忘了选择下面这个,也就是第一个

在html页面写一个富文本框_第2张图片

第二步:把ckeditor这个包放到WebRoot下面(位置是按博主第一次做的写的)

在html页面写一个富文本框_第3张图片

第三步:总之前面一堆废话就是告诉你,你搞到一个ckeditor包就行了,就这么简单。然后在html页面你要添加的地方加上这么一句话: 这个name是一定要的,目的就是第四步

对了把包放到WebRooT下,我们一定要引入啊,在你的html页面还得加一句话:

具体的路径看你自身情况

第四步

第五步:做这些不就得获取到文本域里面的内容;加上这句:

             var htmlData=CKEDITOR.instances.scpg.getData();//注意:这个scpg是博主的id,也就是你文本域的id

到此就全部做完了,主要就是得到包,加上三两句话,记得引入你包的路径,然后就全部结束。

你可能感兴趣的:(在html页面写一个富文本框)