FCKedit 的work 新增和修改

chengyu2099

浏览: 468932 次
性别:
来自: 南京

最近访客更多访客>>

u012363178

zjjsgwm

dyf423

97wgl

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

fckeditor CSS jQuery Webwork JSP

<%@ page language="java"  pageEncoding="UTF-8"%>
<%@page import="com.fredck.FCKeditor.FCKeditor"%>
<%@taglib prefix="ww" uri="webwork" %>
<%@ taglib prefix="FCK" uri="/WEB-INF/tags/FCKeditor.tld" %>
<%
	String path = request.getContextPath();
%>
<html>
  <head>
    <title>新增专家</title>
   <link href="<%=request.getContextPath() %>/framework/resources/sinks/default/css/style.css" rel="stylesheet" type="text/css">
    <link href="<%=request.getContextPath() %>/framework/css/layout.css" rel="stylesheet" type="text/css" />
    <link href="<%=request.getContextPath() %>/framework/css/win.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<%=request.getContextPath() %>/framework/resources/common/js/querytable.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/framework/resources/common/js/util/jquery.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/framework/js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/framework/js/jquery.jTab.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/fckeditor/fckeditor.js"></script>
   
  <script type="text/javascript">
  //新增头像
  	$(function()
  	{
  		$('#expertPhoto').click(function()
  		{
  			var photoUrl = '<%= request.getContextPath()%>'+'/manage/mavin/UploadFileExample.jsp';
	  		win =new Win(
			{
				title:"头像上传",
				id:"select",
				type:"model",
				left:"50",
				top:"20",
				width:"600",
				height:"300",
				src:photoUrl
			 });
			win.show();
  		});
  		
	 });
	 
	 //提交保存
	 //clob专家信息不能为空
	 function saveMavin()
	 {
	 	var myBoolean = new Boolean(true);
	 	//专家姓名
	 	var expertName = $('#expertName').val();
	 	if(expertName == '')
	 	{
	 		myBoolean = false;
	 		alert('请填写专家名字!');
	 	}
	 	//专家图片
	 	var fileName = $('#upload').val();
	 	if(fileName == '')
	 	{
	 		myBoolean = false;
	 		alert('请上传图片');
	 	}
	 	//获取 图片 后缀名（小写）
	 	var last = fileName.lastIndexOf(".")+1;
	 	var gs = fileName.substring(last,fileName.length).toLowerCase();
	 	
	 	if(gs != 'jpg' && gs != 'gif' && gs != 'jpeg')
	 	{
	 		myBoolean = false;
	 		alert('图片格式不正确,请选择图片文件.');
	 	}
	 	
	 	//提交表单
	 	if(myBoolean)
	 	{
	 		document.frm.submit();
	 	}
	 }
  </script>
  </head>
  
  <body id="main_body">
  
  <table class="title_table">
    <tr>
      <td id="left"><span id="name">新增专家</span></td>
    </tr>
  </table>
 <form action="<%=path %>/manage/mavin/addMavin.action" method="post" name="frm" enctype="multipart/form-data">
 <table class="main_table">
  <!-- 
 	private long expertId;  //专家ID
	private String expertName; // 专家名字
	private String expertInfor;//专家介绍信息
	private String expertPhoto;//专家头像图片名
	private String expertOnline; //本期专家 复选控制 	
  -->
 <tr>
 	<td>
  	<table class="form_table">
      <tr>
         <td class="texts">专家名字 ：</td>
         <td class="forms">
         	<input type="text" name="expert.expertName" id="expertName" />
         </td>
         <td class="texts"></td>
         <td class="forms">
             专家头像：<input type="file" name="files" id="upload" size="15" />
         </td>
         
      </tr>
      
     </table>
     
     </td>
    </tr>
    <!-- FCK -->
    <tr>
		<td>
			<div id="action_toolbar_bottom">
			<% 
				FCKeditor oFCKeditor ; 
				oFCKeditor = new FCKeditor( request, "testFck" ) ; 
				oFCKeditor.setBasePath( request.getContextPath() + "/fckeditor/" ) ; 
				oFCKeditor.setWidth("800");
				oFCKeditor.setHeight("500");
				oFCKeditor.setToolbarSet("Default");
				out.println( oFCKeditor.create() ) ;
			 %>
			</div>
		</td>
	</tr>
	
    <!-- 保存 活动 -->
	<tr>
		<td>
			<div id="action_toolbar_bottom">
			
				<ul id="acts">
					<li class="split"></li>
					<li><a href="#" onClick="saveMavin()"><span id="btn_save">保存</span></a></li>
					<li class="split"></li>
				</ul>
			</div>
		</td>
	</tr>
  </table>
  </form>
  </body>
</html>

//获取 FCK 内容
String testFck = ServletActionContext.getRequest().getParameter("testFck");

前台修改显示FCK内容
<%@ page language="java"  pageEncoding="UTF-8"%>
<%@page import="com.fredck.FCKeditor.FCKeditor"%>
<%@taglib prefix="ww" uri="webwork" %>
<%@ taglib prefix="FCK" uri="/WEB-INF/tags/FCKeditor.tld" %>
<%
	String path = request.getContextPath();
%>
<html>
  <head>
    <title>新增专家</title>
   <link href="<%=request.getContextPath() %>/framework/resources/sinks/default/css/style.css" rel="stylesheet" type="text/css">
    <link href="<%=request.getContextPath() %>/framework/css/layout.css" rel="stylesheet" type="text/css" />
    <link href="<%=request.getContextPath() %>/framework/css/win.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<%=request.getContextPath() %>/framework/resources/common/js/querytable.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/framework/resources/common/js/util/jquery.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/framework/js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/framework/js/jquery.jTab.js"></script>
   <script type="text/javascript" src="<%=request.getContextPath() %>/fckeditor/fckeditor.js"></script>
   
  <script type="text/javascript">
	 //提交保存
	 //clob专家信息不能为空
	 function saveMavin()
	 {
	 	var myBoolean = new Boolean(true);
	 	//专家姓名
	 	var expertName = $('#expertName').val();
	 	if(expertName == '')
	 	{
	 		myBoolean = false;
	 		alert('请填写专家名字!');
	 	}
	 	//专家图片
	 	var fileName = $('#upload').val();
	 	if(fileName == '')
	 	{
	 		myBoolean = false;
	 		alert('请上传图片');
	 	}
	 	//获取 图片 后缀名（小写）
	 	var last = fileName.lastIndexOf(".")+1;
	 	var gs = fileName.substring(last,fileName.length).toLowerCase();
	 	
	 	if(gs != 'jpg' && gs != 'gif' && gs != 'jpeg')
	 	{
	 		myBoolean = false;
	 		alert('图片格式不正确,请选择图片文件.');
	 	}
	 	
	 	//提交表单
	 	if(myBoolean)
	 	{
	 		document.frm.submit();
	 	}
	 }
  </script>
  </head>
  
  <body id="main_body">
  
  <table class="title_table">
    <tr>
      <td id="left"><span id="name">修改专家</span></td>
    </tr>
  </table>
 <form action="<%=path %>/manage/mavin/addMavin.action" method="post" name="frm" enctype="multipart/form-data">
 <table class="main_table">
 <tr>
 	<td>
  	<table class="form_table">
      <tr>
         <td class="texts">专家名字:</td>
         <td class="forms">
         	<input type="text" name="expert.expertName" id="expertName" value=<ww:property value="#request['MAVIN'].expertName" /> />
         </td>
         <td class="texts"></td>
         <td class="forms">
         <img src="<%=path %>/upload/<ww:property value = "#request['MAVIN'].expertPhoto" />" width="80" height="60" />
             修改头像：<input type="file" name="files" id="upload" size="15" />
         </td>
         
      </tr>
      
     </table>
     
     </td>
    </tr>
    <!-- FCK -->
    <tr>
		<td>
			<div id="action_toolbar_bottom">
			<% 
				FCKeditor oFCKeditor ; 
				oFCKeditor = new FCKeditor( request, "testFck" ) ; 
				oFCKeditor.setBasePath( request.getContextPath() + "/fckeditor/" ) ; 
				oFCKeditor.setWidth("800");
				oFCKeditor.setHeight("500");
				oFCKeditor.setToolbarSet("Default");
				[color=red]String contentString = (String)request.getAttribute("FCK"); 
				if(contentString != null) {
					oFCKeditor.setValue(contentString); 
				}[/color]				out.println( oFCKeditor.create() ) ;
			 %>
			</div>
		</td>
	</tr>
	
    <!-- 保存 活动 -->
	<tr>
		<td>
			<div id="action_toolbar_bottom">
			
				<ul id="acts">
					<li class="split"></li>
					<li><a href="#" onClick="saveMavin()"><span id="btn_save">保存</span></a></li>
					<li class="split"></li>
				</ul>
			</div>
		</td>
	</tr>
  </table>
  </form>
  </body>
</html>

CLOB 大字段转化下

public String modifyMavin()
	{
		System.out.println("*************修改专家*************");
		String mavinId = ServletActionContext.getRequest().getParameter("mavinId");
		System.out.println("mavinId = "+mavinId);
		TbExpert mavin = new TbExpert();
		try {
			mavin = mavinService.editMavin(mavinId);
		} catch (BOException e) {
			e.printStackTrace();
		}
		try {
			Clob clob = mavin.getExpertInfor();
			String FCK = IOUtils.toString(clob.getCharacterStream());
			ServletActionContext.getRequest().setAttribute("FCK",FCK);
		} catch (IOException e) {
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}
		
		ServletActionContext.getRequest().setAttribute("MAVIN",mavin);
		return SUCCESS;
	}

分享到：