富文本编辑器CKeditor

CKEditor简介

       富文本编辑器， 它提供类似于 Microsoft Word 的编辑功能，容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。例如CKEditor：

CKEditor包:

点击打开链接

操界面：

 使用方法：

        ①（可忽略，直接看③，只是教你怎么看教程）可进入ckeditor文件夹-->samples文件夹-->打开index.html查看例子了解使用方法

        ② （可忽略，直接看③，只是教你怎么看教程） 例如查看“Replace textarea elements by class name ”方式-->右键查看源码

         ③找到引入方式如下：

         但是一般项目中使用CKeditor富文本编辑器，引入方式应该在页面中引入核心文件ckeditor.js和sample.css写成下面的方式：

    
      
      
      
      

       
       
       
       

       
       
       
       
	 src="${pageContext.request.contextPath }/ckeditor/ckeditor.js">
       
       
       
       
	 rel="stylesheet" href="${pageContext.request.contextPath }/ckeditor/samples/sample.css">
      
      
      
      

       然后在使用编辑器的地方插入html控件，修改name为你需要的名字就可完成。 </div> </div> <div style="margin:0px"> <div style="margin:0px; font-family:Helvetica,"Hiragino Sans GB",微软雅黑,"Microsoft YaHei UI",SimSun,SimHei,arial,sans-serif; line-height:24px; widows:1"> <pre class="prettyprint linenums prettyprinted" style="font-size:13px; font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace; word-wrap:break-word; margin-top:8px; margin-bottom:8px; padding:0px; border:1px solid rgb(225,225,232); overflow:auto; background-color:rgb(247,247,249)"> <ol class="linenums" style="margin:0px; padding:10px 10px 10px 40px!important; color:rgb(30,52,123)"> <li class="L0" style="margin:0px; color:rgb(190,190,197); line-height:18px; padding-left:12px!important; list-style-type:decimal!important"><code class="language-html" style="font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace; word-wrap:break-word; margin:8px 0px"><span class="tag" style="color:rgb(0,0,136)"><textarea</span><span class="pln" style="color:rgb(72,72,76)"> </span><span class="atn" style="color:teal">class</span><span class="pun" style="color:rgb(147,161,161)">=</span><span class="atv" style="color:rgb(221,17,68)">"ckeditor"</span><span class="pln" style="color:rgb(72,72,76)"> </span><span class="atn" style="color:teal">name</span><span class="pun" style="color:rgb(147,161,161)">=</span><span class="atv" style="color:rgb(221,17,68)">"editor1"</span><span class="tag" style="color:rgb(0,0,136)">>