富文本编辑器

Posted 나 는 당신

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了富文本编辑器相关的知识,希望对你有一定的参考价值。

 

    1.  

      首先,下载CKEditor源码。到 CKEditor官网进行下载。然后将下载的文件进行解压。

    2.  

      打开解压后的文件,将 ckeditor\\WebContent\\ckeditor  目录下的文件复制到工程目录

      新建一个JSP页面编写代码:

       <form action="<%=path %>/result.jsp" method="post">
          <textarea cols=’50’  rows=’3’  class="ckeditor" name="txtContent"></textarea>
          <input type="submit" value="提交">
          </form>

      在另一个页面:

      <%
         request.setCharacterEncoding("utf-8");
        %>
         <textarea class="ckeditor" name="mycontent"><%=request.getParameter("txtContent") %></textarea>
        </body>

      实现界面:

       提交之后:

       

       

       

 
 

以上是关于富文本编辑器的主要内容,如果未能解决你的问题,请参考以下文章

谁会将富文本编辑器代码插入到html页面中

富文本编辑器代码编辑实时高亮

2016-6-5富文本编辑器

为啥在div里面做富文本编辑没有作用

从 HTML 正文中提取文本片段(在 .NET 中)

富文本编辑器代码