在html页面写一个富文本框

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

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

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

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

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

第三步：总之前面一堆废话就是告诉你，你搞到一个ckeditor包就行了，就这么简单。然后在html页面你要添加的地方加上这么一句话：<textarea  id="scpg" name="editor01"></textarea> 这个name是一定要的，目的就是第四步

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

<script src="${contextPath}/ckeditor/ckeditor.js"></script>具体的路径看你自身情况

第四步：<script type="text/javascript">

                    CKEDITOR.replace('editor01');//这句话相当的重要，没有这句话，只会显示文本域，没有富文本框的效果

            </script>

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

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

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