关于新闻内容编辑器

来源:互联网 发布:interbase和sql 编辑:程序博客网 时间:2024/06/14 00:05

近期在做一个新闻发布的模块,  整体完成 , 现在回顾和整理。

现今社会,信息已成为一种隐型财富,大家通过网络来获取信息的需求越来越大,基于此种考虑,网络开发提出了一种“基于WEB的新闻发布系统”,这样的系统能够实现在线更新最新新闻,设置新闻分类等功能。在后台对该新闻的修改,删除管理。

我所设计的比较简单,首先是表,一般如果有评论功能,就多加一个评论表,包括1 评论内容2  评论时间 3 评论者 关联新闻ID 等字段

当然我没有加评论。两张表 一张新闻表主要字段为 1 ID 2新闻标题 3 新闻发布时间 4新闻类别 5新闻内容 6新闻发表者 7新闻来源 8点击率等

一张是类别表 对应 新闻表的 新闻类别字段 。

最开始我理解把新闻内容用文件的形式保存,不存入数据库,也是缺乏经验,这样的话在前台调用会很不方便并且不利操作。如果存入数据库,我也有个疑问,只能存入纯文本的数据库,如何将新闻内容在网站上丰富的展示出来。于是在网上找相关资料发现可以使用文本编辑器对新闻内容编辑然后转成HTML 格式的文本存入数据库。对于新闻在后台的设计 增删改查等 可以根据业务习惯来调整,这边就不写了,主要针对文本编辑器插件的使用做一个总结。

关于编辑器   有很多,FCKeditor 目前最优秀的网页编辑器之一,ckeditor 和FCKeditor 相同 版本不同 ckeditor性能优于后者,目前在编辑的这个 xhEditor 它是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器。很遗憾我都没有用 ,我选择了使用 baidu的 UEeditor 编辑器 

可以上官网下载 http://ueditor.baidu.com/website/ 对 是中文的。 下载好了ueditor1_4_3-utf8-jsp  放入你的项目中。

其中有一个index.html  用浏览器打开,在js命名上 有带 *+min.js 是对js内容去空格的纯js文件。

主要用到的是 ueditor1_4_3-utf8-jsp/ueditor.config.js  和 ueditor1_4_3-utf8-jsp/ueditor.all.js ,ueditor1_4_3-utf8-jsp/lang/zh-cn/zh-cn.js

当然其他文件也要放到项目中,

然后 <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>  

它有一个UE.getEditor("editor") 方法 获取当前编辑器的实例, getContent(); 获取内容;  还有很多方法

可以使用 js 对editor的内容 进行发送,后台接收。 在这里如果需要传图片类文件,就要在forn 标签中添加 enctype="multipart/form-data"  不然接收不到。

添加了该属性   在接收值的时候  用 request.getParameter()  会得到null   这时需要用一个组件来接收。   jspsmartupload.jar 

<%@page import="com.jspsmart.upload.SmartUpload"%>

SmartUpload su = new SmartUpload();
su.initialize(pageContext);
su.service(request, response);
su.setTotalMaxFileSize(100000000);
su.setDeniedFilesList("exe,bat,jsp,html");
su.setAllowedFilesList("zip,rar");
su.upload();

String news_title = su.getRequest().getParameter("news_title");
   就可以获取到title的值了 。

到这里就能满足基本的新闻发布了。


0 0
原创粉丝点击