專利名稱：：可繪圖的網(wǎng)絡(luò)編輯器及網(wǎng)絡(luò)信息輸入編輯系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
：本發(fā)明屬于計算機網(wǎng)絡(luò)
技術(shù)領(lǐng)域：
，涉及一種編輯器，尤其涉及一種可繪圖的網(wǎng)絡(luò)編輯器；此外，本發(fā)明還涉及一種包括所述編輯器的網(wǎng)絡(luò)信息輸入編輯系統(tǒng)。
背景技術(shù)：
：目前，交流的信息內(nèi)容對編輯器具有獨特的要求，在網(wǎng)絡(luò)上能否清楚地表達(dá)自己的意思不僅僅需要文字輸入，有時需要使用圖片來解釋，甚至于應(yīng)用動畫、公式、圖表、上傳文件等等方式。目前主流的網(wǎng)絡(luò)編輯器也能輸入文字、圖片甚至聲音、動畫，但是在交流學(xué)術(shù)問題時，這些功能會顯得力不從心；首先是插入的內(nèi)容不能在編輯器中修改，同時，普通編輯過程通常需要通過軟件繪制出圖像后保存并上傳到服務(wù)器后發(fā)布才能顯示，這種方式過程繁瑣，消耗時間長。
發(fā)明內(nèi)容本發(fā)明所要解決的技術(shù)問題是提供一種可繪圖的網(wǎng)絡(luò)編輯器，可在網(wǎng)頁中插入公式、圖表等，同時可以實時輸入、實時查看輸入結(jié)果。同時，本發(fā)明還提供一種包括所述編輯器的網(wǎng)絡(luò)信息輸入編輯系統(tǒng)。為解決上述技術(shù)問題，本發(fā)明采用如下技術(shù)方案—種可繪圖的網(wǎng)絡(luò)編輯器，所述編輯器可以部分或全部設(shè)置于服務(wù)器，服務(wù)器通過網(wǎng)絡(luò)與客戶端連接并處理客戶端送過來的數(shù)據(jù)信息；所述編輯器也可以部分或全部設(shè)置于客戶端，客戶端通過網(wǎng)絡(luò)與服務(wù)器連接并執(zhí)行服務(wù)器傳送過來的代碼。所述編輯器在客戶端、或/和服務(wù)器執(zhí)行；所述編輯器包括文字輸入模塊、圖片輸入模塊；所述編輯器還包括繪圖模塊，用以在所述編輯器中制作圖片信息；其包括畫布形成單元、若干圖形繪制單元、第一圖片形成單元；畫布形成單元用以形成畫布；若干圖形繪制單元用以繪制設(shè)定的圖形信息；第一圖片形成單元用以使繪制的圖形形成圖片格式。作為本發(fā)明的一種優(yōu)選方案，所述繪圖模塊還包括第一格式保存單元、圖片打開單元；第一格式保存單元用以保存圖片的可編輯格式于數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改；圖片打開單元用以打開其他圖片，所述畫布形成單元在被打開圖片的基礎(chǔ)上形成畫布。作為本發(fā)明的一種優(yōu)選方案，所述繪圖模塊還包括第一提示單元、智能捕捉單元、預(yù)繪圖單元；第一提示單元，用以提示當(dāng)前坐標(biāo)、提示起點坐標(biāo)、提示正在繪制圖形的寬度、提示正在繪制圖形的高度；智能捕捉單元，用以幫助用戶在繪圖過程中捕捉已經(jīng)繪制圖像的點、線、圓心、切線；預(yù)繪圖單元，用以在用戶輸入圖形信息時，在客戶端顯示預(yù)繪制圖形，而不通過服務(wù)器處理，給用戶直觀而且迅速的圖形提示信息。作為本發(fā)明的一種優(yōu)選方案，所述繪圖模塊還包括已輸入圖形再次修改單元，用以在用戶將圖形繪制到畫布之后能夠依然進行位移、旋轉(zhuǎn)、改變填充樣式、改變線條樣式和大小。作為本發(fā)明的一種優(yōu)選方案，所述編輯器還包括公式輸入模塊，用以在所述編輯器中輸入數(shù)學(xué)公式信息；該公式輸入模塊包括公式輸入單元、第二提示單元；公式輸入單元用以輸入各種數(shù)學(xué)公式；第二提示單元用以在通過所述公式輸入單元輸入公式的過程中給予提示，提示內(nèi)容包括錯誤信息提示、需要輸入的內(nèi)容格式提示。作為本發(fā)明的一種優(yōu)選方案，所述編輯器還包括化學(xué)方程式輸入模塊，用以在所述編輯器中輸入化學(xué)方程式信息；該化學(xué)方程式輸入模塊包括第二文字輸入單元、第二圖片形成單元、第二格式保存單元、下標(biāo)處理單元；第二文字輸入單元，用以輸入反應(yīng)物、生成物、及反應(yīng)條件；下標(biāo)處理單元用以判斷所述第二文字輸入單元輸入的文字是否應(yīng)為下標(biāo)；應(yīng)為下標(biāo)的形成下標(biāo)格式；第二圖片形成單元，用以將所述輸入的反應(yīng)物、生成物、反應(yīng)條件、及箭頭形成圖片格式；第二格式保存單元，用以保存所述第二圖片形成單元形成的圖片的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改。作為本發(fā)明的一種優(yōu)選方案，所述編輯器還包括函數(shù)圖像輸入模塊，用以根據(jù)輸入的函數(shù)在所述編輯器中形成函數(shù)圖像信息；所述函數(shù)圖像輸入模塊包括函數(shù)輸入單元、坐標(biāo)軸形成單元、圖像形成單元；函數(shù)輸入單元，用以輸入函數(shù)信息；坐標(biāo)軸形成單元，用以形成函數(shù)圖像的坐標(biāo)軸；圖像形成單元，用以在坐標(biāo)軸上形成所述輸入的函數(shù)對應(yīng)的若干點或線，根據(jù)所述若干點或線形成對應(yīng)的函數(shù)圖像。作為本發(fā)明的一種優(yōu)選方案，所述圖像形成單元在坐標(biāo)軸上以像素為單位形成所述輸入的函數(shù)對應(yīng)的若干點或線，該若干點或線形成對應(yīng)的函數(shù)圖像。作為本發(fā)明的一種優(yōu)選方案，所述編輯器還包括圖表輸入模塊，用以在所述編輯器中根據(jù)表格中的數(shù)據(jù)形成圖表格式；所述圖表輸入模塊包括第四數(shù)據(jù)輸入單元、第四圖表形成單元、第四格式保存單元；第四數(shù)據(jù)輸入單元用以輸入表格中的數(shù)據(jù)信息；第四圖表形成單元用以根據(jù)所述表格中的數(shù)據(jù)信息，形成圖表格式；第四格式保存單元用以保存圖表的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖表繼續(xù)修改。作為本發(fā)明的一種優(yōu)選方案，所述編輯器還包括暫存單元，用以保存編輯內(nèi)容未發(fā)布的數(shù)據(jù)于服務(wù)器的數(shù)據(jù)庫中。—種網(wǎng)絡(luò)信息輸入編輯系統(tǒng)，其包括服務(wù)器、客戶端、及編輯器；所述編輯器可以部分或全部設(shè)置于服務(wù)器，服務(wù)器通過網(wǎng)絡(luò)與客戶端連接并處理客戶端送過來的數(shù)據(jù)信息；所述編輯器也可以部分或全部設(shè)置于客戶端，客戶端通過網(wǎng)絡(luò)與服務(wù)器連接并執(zhí)行服務(wù)器傳送過來的代碼。編輯器包括所述編輯器包括文字輸入模塊、圖片輸入模塊；所述編輯器還包括繪圖模塊，用以在所述編輯器中制作圖片信息；其包括畫布形成單元、若干圖形繪制單元、第一圖片形成單元、第一格式保存單元、圖片打開單元；畫布形成單元，用以形成畫布；若干圖形繪制單元，用以繪制設(shè)定的圖形信息；第一圖片形成單元，用以使繪制的圖形形成圖片格式；第一格式保存單元，用以保存圖片的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改；圖片打開單元，用以打開其他圖片，所述畫布形成單元在被打開圖片的基礎(chǔ)上形成畫布。作為本發(fā)明的一種優(yōu)選方案，所述系統(tǒng)包括語言工具模塊，用以在所述編輯器中實現(xiàn)語言輔助功能；包括繁簡體轉(zhuǎn)換單元、拼音轉(zhuǎn)換單元、字典單元、中文分詞單元。本發(fā)明的有益效果在于本發(fā)明編輯器在編輯的時候可以直接在編輯器中發(fā)布各類數(shù)據(jù)，如在網(wǎng)頁編輯器中繪圖、輸入數(shù)學(xué)公式、化學(xué)方程式、函數(shù)圖像、圖表等等；節(jié)省大量的時間，發(fā)布后依然可以繼續(xù)修改。對于數(shù)學(xué)公式還編寫了用戶輸入代碼校驗功能，對用戶輸入的代碼進行檢查，發(fā)現(xiàn)錯誤及時提示，并指出修改方式；當(dāng)用戶在工具欄中選擇并插入代碼的時候，還能提示用戶輸入了什么，此符號的學(xué)名，有幾個參數(shù)，接下來的內(nèi)容如何輸入等提示信息。該編輯器能使用戶在網(wǎng)絡(luò)交流中高效率地表達(dá)那些學(xué)術(shù)性很強的公式、符號、函數(shù)圖像和圖表等常用的學(xué)術(shù)性信息。人們可以通過不同的客戶端在線交流和修改上述各種信息，可以在線編輯、查看、修改。圖1為本發(fā)明網(wǎng)絡(luò)輸入編輯系統(tǒng)的組成示意圖。圖2A-2C為繪圖模塊所繪圖形的示意圖。圖3為化學(xué)方程式輸入模塊輸入的化學(xué)方程式示意圖。圖4為傳統(tǒng)的圖表輸入步驟與本發(fā)明圖表輸入步驟的對比圖。具體實施例方式下面結(jié)合附圖詳細(xì)說明本發(fā)明的優(yōu)選實施例。實施例一請參閱圖l，本發(fā)明揭示一種網(wǎng)絡(luò)信息輸入編輯系統(tǒng)，包括服務(wù)器1、通過網(wǎng)絡(luò)與服務(wù)器1連接的客戶端2、及設(shè)置于客戶端2的網(wǎng)絡(luò)信息輸入編輯器20。所述編輯器20不但可以輕松輸入文字、圖片、聲音、動畫；同時還可以實時輸入數(shù)學(xué)公式、化學(xué)方程式、矢量圖，函數(shù)圖像、圖表等；另外，還可以有其他功能，如投票系統(tǒng)、文件上傳、高亮顯示、語言工具、插入地圖、可暫存，本發(fā)明使用方便、而且易于轉(zhuǎn)載和移植，滿足用戶交流不同學(xué)術(shù)內(nèi)容時的需求。請參閱圖1，所述編輯器20具體包括文字輸入模塊201、圖片輸入模塊202、動畫輸入模塊203、聲音輸入模塊204、繪圖模塊205、數(shù)學(xué)公式輸入模塊206、化學(xué)方程式輸入模塊207、函數(shù)圖像輸入模塊208、圖表輸入模塊209、投票模塊210、文件上傳模塊211、高亮顯示模塊212、語言工具模塊213、地圖插入模塊214、暫存模塊215。上述模塊中，文字輸入模塊201、圖片輸入模塊202、動畫輸入模塊203、聲音輸入模塊204已經(jīng)是較成熟的技術(shù)，用戶可以通過現(xiàn)有的網(wǎng)絡(luò)編輯器輸入文字、圖片、動畫及聲音。以下主要介紹除此之外其他模塊的組成及工作過程。繪圖模塊繪圖模塊205用以在所述編輯器中輸入矢量圖信息；繪圖模塊205包括畫布形成單元、若干圖形繪制單元、第一圖片形成單元、第一格式保存單元、圖片打開單元、第一提示單元、智能捕捉單元、預(yù)繪圖單元、已輸入圖形再次修改單元。畫布形成單元用以形成畫布；若干圖形繪制單元用以繪制設(shè)定的圖形信息，繪制原理與CAD、FLASH、PHOTOSHOP等圖形制作工具類似；第一圖片形成單元用以使繪制的圖形形成圖片格式，可通過客戶端或者服務(wù)器形成圖片格式；第一格式保存單元用以保存圖片的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改；圖片打開單元用以打開其他圖片，所述畫布形成單元在被打開圖片的基礎(chǔ)上形成畫布。第一提示單元用以提示當(dāng)前坐標(biāo)、提示起點坐標(biāo)、提示正在繪制圖形的寬度、提示正在繪制圖形的高度；智能捕捉單元用以幫助用戶在繪圖過程中捕捉已經(jīng)繪制圖像的點、線、圓心、切線；預(yù)繪圖單元用以在用戶輸入圖形信息時，在客戶端顯示預(yù)繪制圖形，而不通過服務(wù)器處理，給用戶直觀而且迅速的圖形提示信息。已輸入圖形再次修改單元用以在用戶將圖形繪制到畫布之后能夠依然進行位移、旋轉(zhuǎn)、改變填充樣式、改變線條樣式和大小。請參閱圖2A-圖2C，本系統(tǒng)中的圖像繪制并不是經(jīng)過Photoshop、Flash、Windows畫圖板處理而成，而直接在網(wǎng)頁上用鼠標(biāo)畫出來。圖像如何顯示本實施例中，由服務(wù)器中的繪圖引擎繪圖。客戶端通過發(fā)送繪圖請求至服務(wù)器，服務(wù)器繪圖完畢后將圖像數(shù)據(jù)傳到客戶端，客戶端只要顯示圖像即可。這種方式可以無視兼容問題(幾乎所有的瀏覽器基本上都支持圖像顯示)，而且容易把握，也利于傳播。繪制的圖像不是一條指令畫出來的，而是由文字、圓、矩形、線段和箭頭共同組成的。為了讓這些圖像同時顯示在一起，繪圖模塊還包括解析器，用于解析圖像的各類信息。服務(wù)器與客戶端間傳遞的一長串地址當(dāng)中記錄了繪圖模塊位置，所要渲染圖像的大小，然后是每個圖像類型的坐標(biāo)信息?？蛻舳私o服務(wù)器發(fā)送請求繪圖模塊后，繪圖模塊先讀取圖像大小，并且在服務(wù)器內(nèi)存中創(chuàng)建該大小的畫布，然后逐一讀取每個圖形類型(每個圖形類型有一個代號)、坐標(biāo)和附加信息，使用指定的圖形類型信息畫出直線、圓、矩形或其他形狀，坐標(biāo)控制圖形的位置，附加信息用于處理類似于文字標(biāo)注的文本內(nèi)容、弧線的起始角和終止角的信息。詳細(xì)說明請參考表1中繪圖方法的技術(shù)要點<table>tableseeoriginaldocumentpage7</column></row><table>表1-繪圖方法的技術(shù)要點如何繪圖這是一個過程，首先客戶端告訴服務(wù)器希望畫出什么圖形，然后服務(wù)器根據(jù)輸入的數(shù)據(jù)信息來提供圖片。但是按照上面的繪圖模塊的原理，如果讓用戶直接以文字方式輸入圖形類型、坐標(biāo)、附加信息的內(nèi)容對用戶來說是非常不方便的。于是本發(fā)明開發(fā)了圖形化的編輯器。本發(fā)明通過使用JavaScript代碼和AJAX技術(shù)編寫了不使用任何外部插件的畫板，該技術(shù)方案本領(lǐng)域技術(shù)人員可通過現(xiàn)有技術(shù)實現(xiàn)。本實施例中，只要能獲得每次單擊鼠標(biāo)的位置，就能鎖定圖像的位置和大小，而附加信息可以通過額外的文本框輸入。考慮到此圖像需要較高精度的定位，本系統(tǒng)拋棄了類似于Flash的拖放式繪圖方式，而借鑒了圖紙設(shè)計軟件AutoCAD的繪圖方式，畫直線和箭頭時第一次單擊畫布確定起點，第二次單擊確定終點；畫圓是以第一次單擊確定圓心，第二次單擊確定半徑；畫其他圖形的輸入方法可以參考上述的技術(shù)要點表。這樣就做到了讓用戶在輸入繪圖內(nèi)容時非常直觀和方便用戶每畫一個圖形，就會自動地將圖形的信息添加到一個列表中，服務(wù)器再根據(jù)列表中的數(shù)據(jù)重新繪圖并顯示。如要修改，用戶可以從列表中刪除不滿意的內(nèi)容，再對其進行修改，修改后的圖像又將被服務(wù)器自動重新繪制。這樣就達(dá)到了一邊修改、一邊繪圖、一邊看到結(jié)果的實時效果。軟件還能實現(xiàn)以原來繪制好的圖像進行新圖形的定位功能?？蛻趔w驗的改進使用一段時間后，發(fā)現(xiàn)這種設(shè)計方法過于依賴于網(wǎng)絡(luò)速度的快速處理能力，對網(wǎng)絡(luò)的流速有較高的要求，當(dāng)網(wǎng)絡(luò)速度較慢時很多地方還不能達(dá)到原先設(shè)想的要求，甚至有時畫直線都會非常吃力，因為客戶端的每一次點擊都要和服務(wù)器進行數(shù)據(jù)通訊(這個缺點在被稱為和手機上網(wǎng)一樣慢的無線網(wǎng)絡(luò)環(huán)境中表現(xiàn)更為明顯)，當(dāng)網(wǎng)速不理想時這個缺點是非常明顯的。所以本發(fā)明又對編輯器進行了性能優(yōu)化，著重考慮如何大幅度減少客戶端與服務(wù)器的信息傳遞。經(jīng)過進一步研究，嘗試將原先在服務(wù)器端記錄的狀態(tài)信息改為直接放在客戶端記錄，從而去掉了大量的不必要的服務(wù)器端AJAX回調(diào)，并添加了按住Shift鍵畫直線的功能。這下使用舒適度大幅度提升了。繪圖工具專業(yè)化比通常的功能增加了兩項功能，使圖形繪圖功能更專業(yè)化。一項是用戶可以在工具欄旁直接選擇輸出圖形的線條樣式和填充樣式，可以讓使用者繪制出更加多樣化的圖形。另外一項功能是裁剪，用戶在第一次選擇畫布大小的時候并不能非常直觀地填寫尺寸，增加這項功能能給用于更細(xì)化的尺寸調(diào)整能力。數(shù)學(xué)公式輸入模塊數(shù)學(xué)公式輸入模塊206用以在所述編輯器中輸入數(shù)學(xué)公式信息；該公式輸入模塊206包括公式輸入單元、第二提示單元。公式輸入單元用以輸入各種數(shù)學(xué)公式，該技術(shù)現(xiàn)在已經(jīng)較為成熟；第二提示單元用以在通過所述公式輸入單元輸入公式的過程中給予提示，提示內(nèi)容包括錯誤信息提示、需要輸入的內(nèi)容格式提示。顯示公式時遇到的問題顯示1+1=2這樣簡單的公式可以直接通過鍵盤輸入來達(dá)到。而復(fù)雜的公式不可能通過簡單的鍵盤輸入實現(xiàn)。本發(fā)明使用已經(jīng)成為通用標(biāo)準(zhǔn)的Tex代碼轉(zhuǎn)為公式圖像的Web服務(wù)(地址http:〃www.imathas.com/)，該網(wǎng)站使用開源mineTex渲染引擎，直接調(diào)用其中的引擎即可將圖像顯示出來。本發(fā)明增加了對于數(shù)學(xué)公式還編寫了用戶輸入代碼校驗功能，對用戶輸入的代碼進行檢查，發(fā)現(xiàn)錯誤及時提示，并指出修改方式；此外，當(dāng)用戶在工具欄中選擇并插入符號時，還能提示用戶輸入了什么、此符號的學(xué)名、有幾個參數(shù)，接下來的內(nèi)容如何輸入等提示信息?；瘜W(xué)方程式輸入模塊化學(xué)方程式輸入模塊207用以在所述編輯器中輸入化學(xué)方程式信息；該化學(xué)方程式輸入模塊207包括第二文字輸入單元、下標(biāo)處理單元、第二圖片形成單元、第二格式保存單元。第二文字輸入單元用以輸入反應(yīng)物、生成物、及反應(yīng)條件。下標(biāo)處理單元用以判斷所述第二文字輸入單元輸入的文字是否應(yīng)為下標(biāo)；應(yīng)為下標(biāo)的形成下標(biāo)格式。第二圖片形成單元，用以將所述輸入的反應(yīng)物、生成物、反應(yīng)條件、及箭頭形成圖片格式，可通過客戶端或者服務(wù)器形成圖片格式(類似繪圖模塊的說明)。第二格式保存單元，用以保存所述第二圖片形成單元形成的圖片的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改。請參閱圖3，其揭示了化學(xué)方程式的組成示意圖。化學(xué)方程式需要分成若干塊從第三方服務(wù)器下載，并將這若干張圖片拼接，并能繪制中文和控制箭頭的長度。圖3中，紅框中的內(nèi)容為單張圖片，整個方程式是由這些圖片拼成。其中兩邊包含化學(xué)式的圖片均從第三方服務(wù)器下載。箭頭則是一條通過對"條件"的文字圖片長度計算出的一條直線和一張〉形狀的圖片組成，條件先由服務(wù)器繪圖，并計算位置，然后拼接起來。整合后的圖片效果較好。本模塊操作非常方便，只要在模塊的第二文字輸入單元中分別輸入"2KN03+3C+S"和"K2S+N2+3C02"即可，下標(biāo)處理單元完全可以無視下標(biāo)需要的處理而自動完成。如果原子數(shù)超過一位數(shù)，需要用特殊符號如"{}"括起來。服務(wù)器將使用正則表達(dá)式自動添加Tex中的下標(biāo)符號"_"，并且調(diào)用化學(xué)方程式渲染器顯示它們，并且支持上下箭頭。"條件"部分可以選擇輸入或者自行輸入。[OOM]函數(shù)圖像輸入模塊函數(shù)圖像輸入模塊208用以根據(jù)輸入的函數(shù)在所述編輯器中形成函數(shù)圖像信息；所述函數(shù)圖像輸入模塊包括函數(shù)輸入單元、坐標(biāo)軸形成單元、圖像形成單元。函數(shù)輸入單元用以輸入函數(shù)信息；坐標(biāo)軸形成單元用以形成函數(shù)圖像的坐標(biāo)軸；圖像形成單元用以在坐標(biāo)軸上形成所述輸入的函數(shù)對應(yīng)的若干點，根據(jù)所述若干點形成對應(yīng)的函數(shù)圖像。優(yōu)選地，所述圖像形成單元在坐標(biāo)軸上以像素為單位形成所述輸入的函數(shù)對應(yīng)的若干點或線，該若干點或線形成所輸入函數(shù)對應(yīng)的函數(shù)圖像。計算機上繪制函數(shù)圖像的方法能滿足在同一個坐標(biāo)系內(nèi)可以輸入任意多個不同形式的函數(shù)圖像的需求。經(jīng)過認(rèn)真研究和多種方案的優(yōu)劣比較，本發(fā)明采用服務(wù)器端處理圖像傳給客戶端的原理來解決在編輯器中達(dá)到自由輸入和表現(xiàn)函數(shù)圖像的功能需求，也能在客戶端直接處理由用戶輸入或服務(wù)器傳來的圖像的信息來解決在編輯器中達(dá)到自由輸入和表現(xiàn)函數(shù)圖像的功能需求。圖表輸入模塊圖表輸入模塊209用以在所述編輯器中根據(jù)表格中的數(shù)據(jù)形成圖表格式；所述圖表輸入模塊包括第四數(shù)據(jù)輸入單元、第四圖表形成單元、第四格式保存單元。第四數(shù)據(jù)輸入單元用以輸入表格中的數(shù)據(jù)信息；第四圖表形成單元用以根據(jù)所述9表格中的數(shù)據(jù)信息，形成圖表格式；第四格式保存單元用以保存圖表的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖表繼續(xù)修改。請參閱圖4，現(xiàn)有的網(wǎng)絡(luò)信息輸入編輯器，如果要將一些表格數(shù)據(jù)形成圖表的格式，需要(l)在Excel中輸入數(shù)據(jù)；(2)將圖表復(fù)制到Windows畫圖板中；(3)再存圖片；(4)再上傳到服務(wù)器。在本發(fā)明系統(tǒng)中，只需要輸入表格的信息，其他步驟均集成于編輯器中，使用方便。從圖4可以看出使用本發(fā)明的網(wǎng)絡(luò)編輯器中的圖表輸入功能可以節(jié)省5個步驟，這些步驟雖然不會消耗太長的時間，但是非常機械化。而在本發(fā)明的網(wǎng)絡(luò)編輯器中，用戶只要輸入項名稱和所對應(yīng)的值，預(yù)覽后插入即可，這種方式給用戶帶來了圖表輸入的極大方便。表2列出了本發(fā)明網(wǎng)絡(luò)編輯器可以繪制的部分圖表樣式和需要輸入的參數(shù)，其形式并不限于此。圖表樣式需要輸入的數(shù)據(jù)餅圖{數(shù)據(jù)名，數(shù)據(jù)值}、寬度、高度條形圖{數(shù)據(jù)名，數(shù)據(jù)值K寬度、高度、橫軸單位、縱軸單位折線圖{數(shù)據(jù)名，數(shù)據(jù)值K寬度、高度、橫軸單位、縱軸單位散點圖{數(shù)據(jù)名，數(shù)據(jù)值K寬度、高度、橫軸單位、縱軸單位表2-本發(fā)明網(wǎng)絡(luò)編輯器可以繪制的部分圖表樣式和需要輸入的參數(shù)投票模塊投票模塊210用以在所述編輯器中設(shè)置投票功能。投票這是一個互動功能；現(xiàn)在的電子公告板中，用戶可以輕松地發(fā)起一個投票。而這些投票系統(tǒng)都是內(nèi)置在電子公告板系統(tǒng)中的，并且一帖子只能發(fā)起一個。本發(fā)明編寫的投票系統(tǒng)類似于船屋，可以像圖片一樣插入(使用iFrame)并且可以到處傳播，每頁的插入數(shù)量也不受限制(對于一些封禁iFrame標(biāo)簽的網(wǎng)站來說，還要進行些特殊處理)。在這個功能開發(fā)中，用到了數(shù)據(jù)庫來存儲投票信息，用已經(jīng)制作好的圖表渲染器按餅圖顯示不同項的票數(shù)情況。文件上傳模塊文件上傳模塊211用以在所述編輯器中上傳文件信息；幾乎所有的互動網(wǎng)站都提供文件上傳功能。但是目前這些上傳功能都有一個致命的缺點對上傳文件的類型有限制。主要原因是一些黑客會上傳一些能被服務(wù)器運行的木馬，對服務(wù)器進行惡意攻擊。所以大多數(shù)的網(wǎng)站設(shè)計師默認(rèn)關(guān)閉了ASPX，ASP，PHP，ASHX，ASMX，ASBX，CGI，PL，JSP，EXE，BAT，COM,DLL等文件的上傳權(quán)限。而這些文件對于一些學(xué)生來說通常需要壓縮才能通過"安檢"，下載后要解壓才能查看。還有一個問題就是長期以來用戶上傳的文件會消耗服務(wù)器磁盤空間，而這些文件完全可以在經(jīng)過特殊處理后體積變得更小。針對這兩個問題，本發(fā)明的解決方案為服務(wù)器在接收用戶上傳的文件同時，對其進行自動壓縮，下載的時候進行解壓把解壓后的數(shù)據(jù)傳給下載的用戶的解決辦法。因為壓縮文件將完全破壞源文件原來的文件內(nèi)容，從而不能被服務(wù)器識別，而且讓文件體積更小，從而節(jié)約了磁盤空間。這樣用戶上傳任何文件，都不用擔(dān)心安全問題，不過壓縮和解壓的過程是需要消耗服務(wù)器處理器資源的。高亮顯示模塊高亮顯示模塊212用以在所述編輯器中顯示設(shè)定若干種字體或顏色的文字或代碼。在編寫代碼的時候通常會看到開發(fā)工具已經(jīng)幫用戶把一些保留字和注釋用不同的顏色標(biāo)記出來。這種處理方式可以增強代碼的可讀性，同時也更美觀。本發(fā)明設(shè)計了代碼高亮的引擎放在服務(wù)器端，供客戶端調(diào)用。語言工具模塊語言工具模塊213用以在所述編輯器中實現(xiàn)一些語言輔助功能，如繁簡體轉(zhuǎn)換、拼音轉(zhuǎn)換、字典單元、中文分詞單元等。對于從不同出處轉(zhuǎn)載的文章，可能需要將繁體中文轉(zhuǎn)換為簡體中文；拼音轉(zhuǎn)換可能會在有人問這個字怎么讀的問題時找到答案；字典單元可以幫助英文文章的翻譯；中文分詞即將不同的詞語用中文分開的功能，可以提高閱讀效率。語言工具中的模塊在沒有相關(guān)工具時，對于純文字處理來說，非常實用。這些處理引擎大多在客戶端用JavaScript，少數(shù)復(fù)雜的需要服務(wù)器處理后返回到客戶端。本發(fā)明也使用了不少WebService技術(shù)，來控制不同計算機之間的數(shù)據(jù)傳遞。地圖插入模塊地圖插入模塊214用以在所述編輯器中插入地圖信息。對于地理的學(xué)習(xí)，地圖是最重要的工具。然而傳統(tǒng)的在網(wǎng)頁上顯示一張地圖可能需要從網(wǎng)上下載大地圖，截取標(biāo)注后再上傳到服務(wù)器上。不過隨著Web2.0時代的到來，互聯(lián)網(wǎng)上已經(jīng)出現(xiàn)了類似于GoogleM即、LiveM即、百度地圖、51ditu等等在線服務(wù)。本發(fā)明中，需要用戶輸入位置的經(jīng)緯度、從搜索框中輸入地名進行搜索(中國以外的地點需要使用英文名)或者直接用鼠標(biāo)拖動地圖。選擇位置后右邊的預(yù)覽框?qū)⒅苯语@示該位置的圖像，用戶要按照需要進行縮放，并且選擇地圖類型(目前有交通圖、衛(wèi)星圖、衛(wèi)星地圖)。像其他功能一樣選擇大小后就可以直接插入，全圖形化的操作可以高效率地達(dá)到目的?？上У氖?，這個功能沒能實現(xiàn)方便的傳播的性能，地圖信息是根據(jù)實時情況更新的，所以，該地圖不能插入到除了網(wǎng)頁以外的媒體中去。暫存模塊—個具有如此多而復(fù)雜功能的編輯器可能會讓用戶在表述信息時需花費更多時間進行反復(fù)修改、完畢后再發(fā)布。由于是線上編輯，在編輯器中輸入一半的內(nèi)容并不容易直接保存到磁盤，得下次打開繼續(xù)編輯(就像Word—樣)，因此本發(fā)明針對線上編輯器新加入了暫存模塊215，其具有與Word類似的線上保存功能。不過此功能需要發(fā)布站點提供用戶接口，讓編輯器能夠為不同的用戶提供容器來存放暫存的文件，保證每一個用戶保存后再打開時列表里列出的只有自己上次保存的文件于服務(wù)器的數(shù)據(jù)庫中。綜上所述，本發(fā)明編輯器在編輯的時候可以直接在編輯器中輸入各類數(shù)據(jù)，點擊發(fā)表按鈕之后直接發(fā)表，節(jié)省大量的時間，發(fā)布后依然可以繼續(xù)修改。對于數(shù)學(xué)公式還編寫了用戶輸入代碼校驗功能，對用戶輸入的代碼進行檢查，發(fā)現(xiàn)錯誤及時提示，并指出修改方式；當(dāng)用戶在工具欄中選擇并插入代碼的時候，還能提示用戶輸入了什么，此符號的學(xué)名，有幾個參數(shù)，接下來的內(nèi)容如何輸入等提示信息。該編輯器能使用戶在網(wǎng)絡(luò)交流中高效率地表達(dá)那些學(xué)術(shù)性很強的公式，符號、函數(shù)圖像和圖表等常用的學(xué)術(shù)性信息。實施例二本實施例主要介紹本發(fā)明的原理及其總體架構(gòu)的選擇。平臺首先需要選擇一種合適的平臺。能夠被所有操作系統(tǒng)所執(zhí)行、免安裝、方便使用、對外圍環(huán)境依賴性低。本系統(tǒng)采用基于瀏覽器的B/S架構(gòu)。這種架構(gòu)可以運行在任何安裝了操作系統(tǒng)并且連上網(wǎng)絡(luò)(具體是互聯(lián)網(wǎng)還是局域網(wǎng)甚至其他類型需要看實際情況)的計算機上，它們都可以通過自己內(nèi)置的瀏覽器來進行訪問，不使用插件甚至于智能手機也可以使用。表3是各主流操作系統(tǒng)支持的瀏覽器名稱<table>tableseeoriginaldocumentpage12</column></row><table><table>tableseeoriginaldocumentpage13</column></row><table>直接把磁盤中的圖像文件直接傳到客戶端的瀏覽器中，由客戶端瀏覽器顯示。從網(wǎng)頁支持圖片的時候開始這種方法一直都是每個網(wǎng)站普遍采用的，按照不同的用戶產(chǎn)生不同的圖片，如圖片包含了用戶訪問這個站點的時間、日期、及用戶的IP地址，甚至于瀏覽器和操作系統(tǒng)，每個訪問者訪問將看到不同的內(nèi)容。用戶能在排版軟件中看到相應(yīng)的圖片，就說明這種方式可以完全被其他軟件所接受，甚至于寫字板也可以支持。Li皿X中免費使用的0pen0ffice同樣也具有上述功能。這里本發(fā)明的描述和應(yīng)用是說明性的，并非想將本發(fā)明的范圍限制在上述實施例中。這里所披露的實施例的變形和改變是可能的，對于那些本領(lǐng)域的普通技術(shù)人員來說實施例的替換和等效的各種部件是公知的。本領(lǐng)域技術(shù)人員應(yīng)該清楚的是，在不脫離本發(fā)明的精神或本質(zhì)特征的情況下，本發(fā)明可以以其他形式、結(jié)構(gòu)、布置、比例，以及用其他元件、材料和部件來實現(xiàn)。在不脫離本發(fā)明范圍和精神的情況下，可以對這里所披露的實施例進行其他變形和改變。權(quán)利要求一種可繪圖的網(wǎng)絡(luò)編輯器，所述編輯器包括文字輸入模塊、圖片輸入模塊；其特征在于，所述編輯器在客戶端、或/和服務(wù)器執(zhí)行；所述編輯器還包括繪圖模塊，用以在所述編輯器中制作圖片信息；其包括畫布形成單元，用以形成畫布；若干圖形繪制單元，用以繪制設(shè)定的圖形信息；第一圖片形成單元，用以使繪制的圖形形成圖片格式；第一格式保存單元，用以保存圖片的可編輯格式于數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改；圖片打開單元，用以打開其他圖片，所述畫布形成單元在被打開圖片的基礎(chǔ)上形成畫布；第一提示單元，用以提示當(dāng)前坐標(biāo)、提示起點坐標(biāo)、提示正在繪制圖形的寬度、提示正在繪制圖形的高度；智能捕捉單元，用以幫助用戶在繪圖過程中捕捉已經(jīng)繪制圖像的點、線、圓心、切線；預(yù)繪圖單元，用以在用戶輸入圖形信息時，在客戶端顯示預(yù)繪制圖形，而不通過服務(wù)器處理，給用戶直觀而且迅速的圖形提示信息。2.根據(jù)權(quán)利要求1所述的可繪圖的網(wǎng)絡(luò)編輯器，其特征在于所述繪圖模塊還包括已輸入圖形再次修改單元，用以在用戶將圖形繪制到畫布之后能夠依然進行位移、旋轉(zhuǎn)、改變填充樣式、改變線條樣式和大小。3.根據(jù)權(quán)利要求1所述的可繪圖的網(wǎng)絡(luò)編輯器，其特征在于所述編輯器還包括化學(xué)方程式輸入模塊，用以在所述編輯器中輸入化學(xué)方程式信息；該化學(xué)方程式輸入模塊包括第二文字輸入單元，用以輸入反應(yīng)物、生成物、及反應(yīng)條件；下標(biāo)處理單元，用以判斷所述第二文字輸入單元輸入的文字是否應(yīng)為下標(biāo)；應(yīng)為下標(biāo)的形成下標(biāo)格式；第二圖片形成單元，用以將所述輸入的反應(yīng)物、生成物、反應(yīng)條件、及箭頭形成圖片格式；第二格式保存單元，用以保存所述第二圖片形成單元形成的圖片的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改。4.根據(jù)權(quán)利要求1所述的可繪圖的網(wǎng)絡(luò)編輯器，其特征在于所述編輯器還包括函數(shù)圖像輸入模塊，用以根據(jù)輸入的函數(shù)在所述編輯器中形成函數(shù)圖像信息；所述函數(shù)圖像輸入模塊包括函數(shù)輸入單元，用以輸入函數(shù)信息；坐標(biāo)軸形成單元，用以形成函數(shù)圖像的坐標(biāo)軸；圖像形成單元，用以在坐標(biāo)軸上形成所述輸入的函數(shù)對應(yīng)的若干點或線，根據(jù)所述若干點或線形成對應(yīng)的函數(shù)圖像。5.根據(jù)權(quán)利要求4所述的可繪圖的網(wǎng)絡(luò)編輯器，其特征在于所述圖像形成單元在坐標(biāo)軸上以像素為單位形成所述輸入的函數(shù)對應(yīng)的若干點或線，該若干點或線形成對應(yīng)的函數(shù)圖像。6.根據(jù)權(quán)利要求1所述的可繪圖的網(wǎng)絡(luò)編輯器，其特征在于所述編輯器還包括圖表輸入模塊，用以在所述編輯器中根據(jù)表格中的數(shù)據(jù)形成圖表格式；所述圖表輸入模塊包括第四數(shù)據(jù)輸入單元，用以輸入表格中的數(shù)據(jù)信息；第四圖表形成單元，用以根據(jù)所述表格中的數(shù)據(jù)信息，形成圖表格式；第四格式保存單元，用以保存圖表的可編輯格式于數(shù)據(jù)庫中，以后可根據(jù)該保存的圖表繼續(xù)修改。7.根據(jù)權(quán)利要求1所述的網(wǎng)絡(luò)信息輸入編輯器，其特征在于所述編輯器還包括暫存單元，用以保存編輯內(nèi)容未發(fā)布的數(shù)據(jù)于服務(wù)器的數(shù)據(jù)庫中。8.—種網(wǎng)絡(luò)信息輸入編輯系統(tǒng)，其包括網(wǎng)絡(luò)編輯器，包括所述編輯器包括文字輸入模塊、圖片輸入模塊；服務(wù)器，所述編輯器部分或全部設(shè)置于服務(wù)器，服務(wù)器通過網(wǎng)絡(luò)與客戶端連接并處理客戶端傳送過來的數(shù)據(jù)信息；客戶端，所述編輯器部分或全部設(shè)置于客戶端，客戶端通過網(wǎng)絡(luò)與服務(wù)器連接并執(zhí)行服務(wù)器傳送過來的代碼；其特征在于所述編輯器還包括繪圖模塊，用以在所述編輯器中制作圖片信息；其包括畫布形成單元，用以形成畫布；若干圖形繪制單元，用以繪制設(shè)定的圖形信息；第一圖片形成單元，用以使繪制的圖形形成圖片格式；第一格式保存單元，用以保存圖片的可編輯格式于一數(shù)據(jù)庫中，以后可根據(jù)該保存的圖片繼續(xù)修改；圖片打開單元，用以打開其他圖片，所述畫布形成單元在被打開圖片的基礎(chǔ)上形成畫布。全文摘要本發(fā)明揭示一種可繪圖的網(wǎng)絡(luò)編輯器及網(wǎng)絡(luò)信息輸入編輯系統(tǒng)。編輯器可以部分或全部設(shè)置于服務(wù)器，服務(wù)器通過網(wǎng)絡(luò)與客戶端連接并處理客戶端送過來的數(shù)據(jù)信息；所述編輯器也可以部分或全部設(shè)置于客戶端，客戶端通過網(wǎng)絡(luò)與服務(wù)器連接并執(zhí)行服務(wù)器傳送過來的代碼。所述編輯器還包括繪圖模塊，用以在所述編輯器中制作圖片信息；其包括畫布形成單元、若干圖形繪制單元、第一圖片形成單元；畫布形成單元用以形成畫布；若干圖形繪制單元用以繪制設(shè)定的圖形信息；第一圖片形成單元用以使繪制的圖形形成圖片格式。該編輯器能使用戶在網(wǎng)絡(luò)交流中高效率地表達(dá)那些學(xué)術(shù)性很強的公式、符號、函數(shù)圖像和圖表等常用的學(xué)術(shù)性信息，可以在線編輯、查看、修改。文檔編號G06F17/30GK101794455SQ20101000521公開日2010年8月4日申請日期2010年1月15日優(yōu)先權(quán)日2010年1月15日發(fā)明者施昊申請人:施昊;施紅家;吳文飛