承元表单系统之在线编辑部件
发布日期:2010-9-8 信息来源:http://www.chysoft.net

一、基本功能描述:
 集成FCK editor功能,实现web在线编辑和图文混排功能。可以在表单的指定位置绑定在线编辑的操作,将编辑的内容存入数据库字段。

二、部件属性说明:
 1、样式文件:定义fck editor编辑的样式,该样式最好和显示的样式一致,所见即所得的编辑必须正确设置好该属性。
 2、预览文件:定义内容编辑时的预览文件一般为htm、jsp等类型
 3、段首空格数:fck editor执行段首空格时填充的空格数
 4、显示宽度:指设置编辑部件显示的宽度;
 5、显示高度:指设置编辑部件显示的高度
 6、内容存储字段:(必需输入)选择编辑内容对应的数据库表存储字段;
 7、图片链接字段:存储图片路径的字段;
 8、使用模式:(必需输入)内容编辑内容显示;
 9、内容校验:对输入的内容进行是否非空验证;

三、如何定义一个预览文件
在线编辑器提供缺省通用的文件预览,但可以指定特定的预览文件达到更好的效果,实现步方式如下:
A、 制作一个htm、jsp,假设为preview.htm,内容如下:
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="../innet/images/chysoft.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2900.5969" name=GENERATOR></HEAD>
<BODY>
<TABLE class=index_table cellSpacing=0 cellPadding=0 width=800 align=center
border=0>
  <TBODY>
  <TR>
<TD background=../innet/images/spec/min_top_back.jpg
height=73>&nbsp;</TD></TR>
  <TR>
<TD class=min_style_menu>&nbsp;</TD></TR></TBODY></TABLE>
<TABLE class=index_table cellSpacing=0 cellPadding=0 width=800 align=center
border=0>
  <TBODY>
  <TR style="display:none" id="r1">
<TD class=min_font_top height=40 id="redTitle"></TD></TR>
  <TR style="display:none" id="r2">
<TD>
 <HR class=min_font_top width="98%" noShade SIZE=2>
</TD></TR>
  <TR>
<TD class=min_font_title><span id="title"></span><HR class=style_box2 width="90%" noShade SIZE=1>
</TD></TR>
  <TR>
<TD>
 <TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
 <TD class=min_top_date>来源:<span id="source"></span> </TD>
 <TD class=min_top_date>发布时间:XXXX年XX月XX日</TD>
 <TD class=min_top_date>阅读次数:XX</TD></TR></TBODY></TABLE></TD></TR>
  <TR>
<TD class=min_font_index vAlign=top height=220 id=content>
</TD></TR></TBODY></TABLE>
<TABLE class=index_table cellSpacing=0 cellPadding=0 width=800 align=center
border=0>
  <TBODY>
  <TR>
<TD height=5></TD></TR>
  <TR>
<TD align=right height=40>
 <TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
 <TD><A href="javascript:self.close()"><IMG height=20
src="../innet/images/min_but_04.gif" width=83
 border=0></A>&nbsp;&nbsp;</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><table width="800" border="0" align="center" cellpadding="0" cellspacing="0" class="index_table">
  <tr>
<td height="3"></td>
  </tr>
  <tr>
<td class="index_bottom1"><script src="../common/inc/footjs.jsp"></script></td>
  </tr>
</table>
</BODY>
<script>
var o = opener.parent;
if(o.document.all["ReadTitle_2"].value != "")
{
document.all["r1"].style.display = "";
document.all["r2"].style.display = "";
document.all["redTitle"].innerHTML = o.document.all["ReadTitle_2"].value;
}
document.all["title"].innerHTML = o.document.all["Title_1"].value;
document.title = o.document.all["Title_1"].value;
document.all["source"].innerHTML = o.document.all["Source_5"].value;
//一般只需要这一行代码就可以了
document.all["content"].innerHTML = opener.FCK.GetXHTML();

self.focus();
</script>
</HTML>

B、设置预览文件属性为preview.htm的全路径

粤ICP备11095012号-1
Copyright 2005-2017 深圳市承元软件技术有限公司