高校圖書館網(wǎng)站在線編輯器圖片按鈕失效的解決

摘要： 本文簡要介紹了在線編輯器，并提出高校圖書館網(wǎng)站在線編輯器圖片按鈕失效的一些解決辦法。

關(guān)鍵詞： 在線編輯器；高校圖書館；網(wǎng)站

高校擴招和合并教改政策極大推進了圖書館信息化建設，很多高校圖書館搶抓機遇建立起了自己的網(wǎng)站。多數(shù)網(wǎng)站核心模塊都經(jīng)歷過多次與時俱進的改版或升級，但隨著網(wǎng)絡環(huán)境的變化，一些小障礙和小隱患也悄然累積，不起眼的在線編輯器就是一例。

一、在線編輯器

在線編輯器又稱在線網(wǎng)頁（html）編輯器。它是一種通過瀏覽器等來對網(wǎng)頁文字、圖片等內(nèi)容進行在線編輯修改的工具。隨著網(wǎng)頁編輯要求越來越高，人們不再滿足于單純和枯燥的瀏覽器默認模式，對網(wǎng)站信息發(fā)布過程中的編輯功能進行了大量的改進和增加，很多先進易用的第三方編輯器應運而生，傳統(tǒng)的多行文本輸入框 “textarea”逐漸被可視化的富文本輸入框替換，用戶在網(wǎng)站上即可獲得“所見即所得”的效果，由于在線編輯器簡單易用，嵌套移植性好，被大量網(wǎng)站作為第三方控件運用于信息的編輯和發(fā)布以及在線文檔的共享，比如新聞或博客的發(fā)布。

在線編輯器大同小異，一般具有以下五種功能，即：文字編輯、文字格式的編輯、表格的編輯、文檔格式編輯以及多媒體信息處理等。在實現(xiàn)方式上通常自行確定三種模式，即：編輯模式、代碼模式和預覽模式。編輯模式讓用戶可以進行文本、圖片等內(nèi)容增加、刪除和修改。代碼模式用于專業(yè)技術(shù)人員來查看和修改原始代碼（如HTML代碼等）。預覽模式則是用來查看最終的編輯效果。

編輯器一般體積都不大，通用性較好，區(qū)別只在于用戶的使用習慣、是否開源或免費、是否具有足夠的用戶定制功能等。

二、圖書館網(wǎng)站在線編輯器圖片功能故障

1.故障現(xiàn)象

在圖書館活動中，各種消息或報道均需要借助網(wǎng)絡及時公開發(fā)布。網(wǎng)站管理員登錄服務器，正常情況下是輸入與編輯完文字后，即可插入和上傳相關(guān)圖片。然而此時卻發(fā)現(xiàn)無論怎么點擊編輯器中的圖片按鈕，都無法彈出上傳對話框，即點擊該按鈕無反應，且瀏覽器狀態(tài)欄左下角一般會提示“網(wǎng)頁上有錯誤”，如圖：

正常應彈出的下一級對話框如圖：

2.故障原因分析

（1）IE瀏覽器升級導致編輯器無法正常使用。目前IE瀏覽器已經(jīng)發(fā)展到第十版，但最常用的還是IE8。以IE8為界， “anonymous（）”函數(shù)已被禁用，表達同樣的事件，改為使用“onclick（event）”函數(shù)。作為依附瀏覽器的第三方插件，編輯器程序中仍然使用“onclick（event）”就會出現(xiàn)腳本錯誤，導致包括圖片在內(nèi)的其它按鈕失效，無法觸發(fā)下一級對話框彈出。

（2）國內(nèi)高校圖書館網(wǎng)站在編輯器圖片功能出現(xiàn)故障還有其個體特點。其一，服務器或與網(wǎng)站管理有關(guān)的客戶機，系統(tǒng)使用的瀏覽器絕大部分都是微軟IE。截止2012年底，全球市場上IE各版本的占有率從未低于55%，而國內(nèi)市場中IE所占比例則更高。在國內(nèi)市場份額上升的的如360、遨游、騰訊等瀏覽器，實際上都是使用的IE內(nèi)核引擎（Loyout Engine），IE版本升級也必然殃及它們；其二，絕大部分高校圖書館網(wǎng)站都是在1999-2004這段時間建立和完善起來的，大多引用同期第三方針對IE5或IE5.5研發(fā)的編輯器插件。站方一般都不會注意到對這個小小的插件進行升級，正是它無法適應新瀏覽器而導致故障。

三、編輯器圖片功能故障解決

1.恢復低版本瀏覽器

軟件升級和打補丁是為了提升安全系數(shù)和加強用戶體驗，主動降低軟件版本的確顯得不合潮流，然而在某些時候卻是不得已為之的有效選擇。如果信息發(fā)布使用的專用機器其系統(tǒng)要求不高，或其它解決方式還未成功而信息卻急需發(fā)布時。不妨刪除IE8恢復到IE6.0甚至更低版本，其方法可參閱豐富的網(wǎng)絡資料。如果對系統(tǒng)不太熟悉，也可使用Windows優(yōu)化大師或360衛(wèi)士等軟件來幫助智能刪除和降低瀏覽器版本。

2.使用兼容性IE

IE升級到8.0版并起作用后，事實上舊版本并未被清除，如果用戶不忍放棄高版本IE帶來的使用體驗，可通過相關(guān)設置，使IE實現(xiàn)版本的互相兼容，或有助于問題的解決，方法如下：打開IE瀏覽器，依次點擊“工具”、“開發(fā)人員工具”，“瀏覽器模式”，然后勾選“Internet Explorer 8兼容性視圖”，確定后刷新并關(guān)閉瀏覽器，重新打開瀏覽器并發(fā)布圖文信息。

3. 對編輯器進行升級或改造（兩例）

（1）、ewebeditor 編輯器 。Ewebeditor 在國內(nèi)使用量極高，且大多是個人（免費）版或破解版，如果不打算升級到官方付費正式版，也不想卸載了使用其它編輯器，不妨對其程序代碼進行一定修改。具體方法：

A、在網(wǎng)站目錄找到并打開該編輯器的關(guān)鍵文件“editor.js”（一般在include下）；

B、找到“if （element.YUSERONCLICK） eval（element.YUSERONCLICK + “anonymous（）”）”；

C、把本段修改為以下代碼并保存：

if （element.YUSERONCLICK）

try

eval（element.YUSERONCLICK + “onclick（event）”）；

catch （e）

eval（element.YUSERONCLICK + “anonymous（）”）；

代碼中加入javascript的try函數(shù)，目的是要求IE先用8.0代碼運行，如果出錯，再嘗

試用8.0以下的代碼進行處理。該方法對多個版本的IE具有自動適應性，可靠性較高。

（2）、RTE。RTE實際上是“rich text editor”（富文本編輯器）的英文縮寫。這是一款非常老且應用比較廣泛的編輯器，其有關(guān)資料已無法查證。RTE關(guān)鍵文件有：“EditBox.asp”、“EditBox.inc.asp”、“Rte.js”和“RTE_RES.JS”，其早期的版本版權(quán)信息如下：

// Copyright （C） 2000， Microsoft， Corp. All rights reserved.

// File： rte.js

// Author： Scott Isaacs

// Contents： RTE Management Code

// EDITOR PUBLIC （API）

針對RTE編輯器的修改方法鮮為披露，經(jīng)研究和IE6-9下的測試，解決辦法如下：

A、找到并打開“Rte.js”文件（一般在jsinc文件夾下）

B、找到“function insertImg（）”，以其開始的共23行代碼，負責“圖片的上傳與加載”

C、刪除或用“//”注釋掉以下一小段代碼：

alert（oBlock）；

if （oBlock.tagName==“IMG”）

openurl = openurl+“actionType=modpicName=”+oBlock.src；

D、文件存盤

上一法中如果不采用刪除或注釋，也可以只把if （oBlock.tagName=“IMG”）改為if （oBlock ！= 1 oBlock.tagName==“IMG”）即可。

結(jié)語：網(wǎng)站管理是一項復雜且技術(shù)性的工作。一方面，與網(wǎng)站管理的有關(guān)的機器，其系統(tǒng)及軟件宜采用成熟穩(wěn)定的版本，不一定非要在第一時間升級到最新版；另一方面，在管理過程中出現(xiàn)的問題或故障，解決的思路與方法也是多樣的，只要多研究、試驗及借鑒別人的經(jīng)驗，總會找出適合自身且效費比高的解決方案。

參考文獻：

[1]Internet Explorer[EB/OL].http：//baike.baidu.com/view/85144.htm？fromId=703

[2]幾款在線文本編輯器的比較[EB/OL].http：//www.docin.com/p-374648147.html

[3]IE內(nèi)核和火狐內(nèi)核是什么[EB/OL].（2008-12-11）.http：//zhidao.baidu.com/question/78704237.html

[4]瀏覽器排行[EB/OL].http：//www.liulan7.net/a/top/