ckeditor的使用

最新推荐文章于 2022-04-10 18:42:17 发布

spftay

最新推荐文章于 2022-04-10 18:42:17 发布

阅读量529

点赞数

分类专栏： javaweb

本文链接：https://blog.csdn.net/spftay/article/details/17797685

版权

javaweb 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

首先去ckeeditor的官网去下载http://ckeditor.com/download

吧ckeditor copy到 WebRoot下

在WebRoot下新建一个FckTest.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
   pageEncoding="utf-8"%>
<%@page import="com.test.CkeEditorServlet"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       <title>Insert title here</title>
       <script type="text/javascript" src="ckeditor/ckeditor.js">

</script>
   </head>

   <body>
       <form action="servlet/CkeEditorServlet" method="POST">

           <div style="width: 500px">
               <textarea class="ckeditor" id="editor1" cols="80" rows="10"
                   name="editor1">
       </textarea>
               <script type="text/javascript">
   CKEDITOR.replace('editor1', {
       uiColor : '#14B8C4',
       toolbar : [
       //加粗     斜体，     下划线      穿过线      下标字        上标字
               [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript',
                       'Superscript' ],
               // 数字列表          实体列表            减小缩进    增大缩进
               [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent' ],
               //左对齐             居中对齐          右对齐          两端对齐
               [ 'JustifyLeft', 'JustifyCenter', 'JustifyRight',
                       'JustifyBlock' ],
               //超链接取消超链接锚点
               [ 'Link', 'Unlink', 'Anchor' ],
               //图片    flash    表格       水平线            表情       特殊字符        分页符
               [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley',
                       'SpecialChar', 'PageBreak' ], '/',
               // 样式       格式      字体    字体大小
               [ 'Styles', 'Format', 'Font', 'FontSize' ],
               //文本颜色     背景颜色
               [ 'TextColor', 'BGColor' ],
               //全屏           显示区块
               [ 'Maximize', 'ShowBlocks', '-' ] ]
   });
</script>
           </div>

           <textarea rows="20" cols="30" name="test">

           </textarea>
           <input type="submit" value="提交" />
       </form>
   </body>
</html>

---------------------------------------------------------

CkeEditorServlet 代码

package com.test;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class CkeEditorServlet extends HttpServlet {

   public void doGet(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       process(request, response);

   }

   public void doPost(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       process(request, response);
   }

   public void process(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       request.setCharacterEncoding("utf-8");

       response.setContentType("text/html;charset=utf-8");
       PrintWriter writer = response.getWriter();
       String value = request.getParameter("editor1");
       String testValue = request.getParameter("test");
       writer.write(value);
       writer.write(testValue);
       writer.close();
       System.out.println(value);
       System.out.println(testValue);

   }
}

spftay

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ckeditor的使用

首先去ckeeditor的官网去下载http://ckeditor.com/download吧ckeditor copy到 WebRoot下在WebRoot下新建一个FckTest.jsp pageEncoding="utf-8"%> Insert title here
复制链接

扫一扫