富文本编辑器

Posted Fighting`

tags:

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

根据需要下载富文本编辑器安装包 网址：ckeditor.com，其次将ckeditor文件夹导入WebRoot根目录下

创建moneyTest页面，提交地址是result.jsp

  <script type="text/javascript" src="ckeditor/ckeditor.js"></script></head>
  
  <body>
  <form action="<%=path %>/result.jsp" method="post">
    <textarea class="ckeditor" name="txtcked"></textarea>
    <input type="submit" value="保存">
    </form>
  </body>

result.jsp关键代码

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

实现效果：

 

 

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

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

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

2016-6-5富文本编辑器

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

从 HTML 正文中提取文本片段（在 .NET 中）

富文本编辑器代码