1. 程式人生 > >關於新聞內容編輯器

關於新聞內容編輯器

近期在做一個新聞釋出的模組,  整體完成 , 現在回顧和整理。

現今社會,資訊已成為一種隱型財富,大家通過網路來獲取資訊的需求越來越大,基於此種考慮,網路開發提出了一種“基於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的值了 。

到這裡就能滿足基本的新聞釋出了。