編輯公式的方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明提供了一種編輯公式的方法及系統(tǒng)。該方法包括：公式編輯器編輯公式，生成公式圖片和公式文本數(shù)據(jù)；將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器；富文本編輯器關(guān)聯(lián)存儲公式圖片和公式文本數(shù)據(jù)，在文本域中顯示公式圖片，并在公式圖片上動態(tài)添加點擊事件，該事件為點擊時調(diào)用與公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)發(fā)送給公式編輯器。本發(fā)明可以將富文本編輯器顯示的公式圖片以公式文本數(shù)據(jù)的形式返回給公式編輯器，從而達到修改時無需從頭開始編輯公式，提高了修改公式的效率。
【專利說明】編輯公式的方法及系統(tǒng)

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機數(shù)據(jù)處理技術(shù)，更具體涉及編輯公式的方法及系統(tǒng)。

【背景技術(shù)】
[0002]富文本編輯器(Rich Text Editor, RTE),是一種可內(nèi)嵌于瀏覽器、所見即所得的文本編輯器。富文本編輯器不同于傳統(tǒng)的瀏覽器的文本編輯器之處在于，提供了類似于Microsoft Word的編輯功能,可以直接設(shè)置各種文本格式。
[0003]富文本編輯器沒有公式編輯的功能，此時，用戶往往借助于獨立于富文本編輯器的公式編輯器編輯公式，然后將公式生成圖片，再將圖片插入到富文本編輯器中。一旦圖片插入到富文本編輯器中，則用戶無法對富文本編輯器中顯示的公式進行編輯。需要編輯公式時，必須先刪除舊的公式圖片，在公式編輯器中重新開始錄入公式生成公式圖片，得到所需要的新公式。
[0004]由此可見，現(xiàn)有技術(shù)中缺乏對富文本編輯器顯示的公式圖片進行便捷修改的技術(shù)手段。


【發(fā)明內(nèi)容】

[0005](一)要解決的技術(shù)問題
[0006]本發(fā)明要解決的技術(shù)問題為:如何使得從富文本編輯器顯示的公式圖片就能得到可編輯的公式文本數(shù)據(jù)。
[0007](二)技術(shù)方案
[0008]為了解決該技術(shù)問題，根據(jù)本發(fā)明的一方面，提出了一種編輯公式的方法，該方法包括:
[0009]公式編輯器編輯公式，生成公式圖片和公式文本數(shù)據(jù)；
[0010]將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器；
[0011]富文本編輯器關(guān)聯(lián)存儲公式圖片和公式文本數(shù)據(jù)，在文本域中顯示公式圖片，并在公式圖片上動態(tài)添加點擊事件，該事件為點擊時調(diào)用與公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)并發(fā)送給公式編輯器。
[0012]優(yōu)選地，該方法還包括:
[0013]公式圖片被點擊時，富文本編輯器將與該公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)發(fā)送給公式編輯器。
[0014]優(yōu)選地，該方法還包括:
[0015]公式編輯器根據(jù)富文本編輯器發(fā)送過來的公式文本數(shù)據(jù)生成可以修改的公式，根據(jù)修改后的公式生成新的公式圖片和新的公式文本數(shù)據(jù)。
[0016]優(yōu)選地，該方法還包括:
[0017]公式編輯器將新的公式圖片和新的公式文本數(shù)據(jù)，發(fā)送給富文本編輯器；富文本編輯器用新的公式圖片和新的公式文本數(shù)據(jù)替換原來儲存的公式圖片和公式文本數(shù)據(jù)，顯示新的公式圖片。
[0018]優(yōu)選地，該方法還包括:
[0019]在將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器時，對公式文本數(shù)據(jù)進行加密處理，在將公式圖片對應的公式文本數(shù)據(jù)發(fā)送給公式編輯器時，對加密的公式文本數(shù)據(jù)進行解密處理。
[0020]優(yōu)選地，該方法還包括:
[0021]富文本編輯器以插件的形式調(diào)用公式編輯器。
[0022]根據(jù)本發(fā)明的另一方面，提出了一種編輯公式的系統(tǒng)，其特征在于，該系統(tǒng)包括:
[0023]公式編輯器編輯公式，生成公式圖片和公式文本數(shù)據(jù)；
[0024]傳遞模塊，將公式編輯器生成的公式圖片和公式文本數(shù)據(jù)傳送給富文本編輯器；
[0025]富文本編輯器，關(guān)聯(lián)存儲公式圖片和公式文本數(shù)據(jù)，在文本域中顯示公式圖片，在公式圖片上動態(tài)添加點擊事件，所述點擊事件為調(diào)用與公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)并通過傳遞模塊發(fā)送給公式編輯器。
[0026]優(yōu)選地，所述富文本編輯器，在公式圖片被點擊時，將與該公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)通過傳遞模塊發(fā)送給公式編輯器；所述公式編輯器，根據(jù)接收到的公式文本數(shù)據(jù)生成可以修改的公式，根據(jù)修改后的公式生成新的公式圖片和新的公式文本數(shù)據(jù)，發(fā)送給富文本編輯器。
[0027]優(yōu)選地，所述富文本編輯器，用新的公式圖片和新的公式文本數(shù)據(jù)替換原來儲存的公式圖片和公式文本數(shù)據(jù)，顯示新的公式圖片。
[0028]優(yōu)選地，所述傳遞模塊，進一步包括加密單元和解密單元，在將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器時，加密單元對公式文本數(shù)據(jù)進行加密處理；在將公式圖片對應的公式文本數(shù)據(jù)發(fā)送給公式編輯器時，解密單元對加密的公式文本數(shù)據(jù)進行解密處理。(三)有益效果
[0029]通過以上技術(shù)方案，本發(fā)明能達到以下技術(shù)效果:由于生成的公式存在對應的公式圖片和公式文本數(shù)據(jù)，因此可以在富文本編輯器中以圖片形式顯示公式，并可以以文本數(shù)據(jù)形式將公式返回到公式編輯器中，直接得到可以編輯修改的公式數(shù)據(jù)，從而修改時無需重新開始編輯公式，提高了修改公式的效率。

【專利附圖】

【附圖說明】
[0030]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的應用性的操作用附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0031]圖1為根據(jù)本發(fā)明的一個實施例的編輯公式的方法的流程圖。
[0032]圖2為根據(jù)本發(fā)明的另一個實施例的編輯公式的系統(tǒng)的結(jié)構(gòu)框圖。
[0033]圖3是根據(jù)本發(fā)明再一個實施例的編輯公式的方法的流程圖。

【具體實施方式】
[0034]以下將結(jié)合附圖及實施例來詳細說明本發(fā)明的實施方式，借此對本發(fā)明如何應用技術(shù)手段來解決技術(shù)問題，并達成技術(shù)效果的實現(xiàn)過程能充分理解并據(jù)以實施。需要說明的是，只要不構(gòu)成沖突，本發(fā)明中的各個實施例以及各實施例中的各個特征可以相互結(jié)合，所形成的技術(shù)方案均在本發(fā)明的保護范圍之內(nèi)。
[0035]參見圖1，本發(fā)明的一個實施例提出了一種編輯公式的方法，包括如下步驟:
[0036]S1:公式編輯器編輯公式，生成公式圖片和公式文本數(shù)據(jù)。
[0037]S2:將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器。
[0038]S3:富文本編輯器關(guān)聯(lián)存儲公式圖片和公式文本數(shù)據(jù)，在文本域顯示公式圖片，并在公式圖片上動態(tài)添加點擊事件，該事件為點擊時調(diào)用與公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)發(fā)送給公式編輯器。
[0039]可見，該實施例中由于生成的公式存在對應的公式圖片和公式文本數(shù)據(jù)，因此可以在富文本編輯器中以圖片形式顯示公式，并可以以文本數(shù)據(jù)形式將公式返回給公式編輯器，直接得到可以編輯公式數(shù)據(jù)，從而修改時無需重新開始編輯公式，提高了修改公式的效率。
[0040]另外，該實施例還可在步驟S3之后包括:
[0041]S4:公式圖片被點擊時，富文本編輯器將與該公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)發(fā)送給公式編輯器。
[0042]S5:公式編輯器根據(jù)富文本編輯器發(fā)送過來的公式文本數(shù)據(jù)生成可以修改的公式，根據(jù)修改后的公式生成新的公式圖片和新的公式文本數(shù)據(jù)。
[0043]S6:公式編輯器將新的公式圖片和新的公式文本數(shù)據(jù)，發(fā)送給富文本編輯器；富文本編輯器用新的公式圖片和新的公式文本數(shù)據(jù)替換原來儲存的公式圖片和公式文本數(shù)據(jù)，顯示新的公式圖片。
[0044]步驟S4-S6具體描述了對富文本編輯器顯示的公式進行修改的各個流程，由于無需重新開始編輯公式，因此提高了修改公式的效率。顯然實施了步驟S4之后，步驟S5和S6并不是必須的，公式編輯器也可以將接收到的文本編輯器發(fā)過來的公式存儲起來或用于其他方面。同理，實施了步驟S5之后，步驟S6也不是必須的，公式編輯器也可以將修改后的公式存儲或用于其他方面。
[0045]為了避免公式文本數(shù)據(jù)在傳遞過程中出現(xiàn)丟失、紊亂，該實施例還可包括這樣的處理:在將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器時，對公式文本數(shù)據(jù)進行加密處理，在將公式圖片對應的公式文本數(shù)據(jù)發(fā)送給公式編輯器時，對加密的公式文本數(shù)據(jù)進行解密處理。
[0046]優(yōu)選地，該實施例還可包括這樣的處理:富文本編輯器以插件的形式調(diào)用公式編輯器。這樣有效利用了現(xiàn)有資源，方法簡單可行。
[0047]參見圖2，本發(fā)明的另一個實施例提出了一種編輯公式的系統(tǒng)，該系統(tǒng)包括:
[0048]公式編輯器1，編輯公式，生成公式圖片和公式文本數(shù)據(jù)；
[0049]傳遞模塊2，將公式編輯器生成的公式圖片和公式文本數(shù)據(jù)傳送給富文本編輯器；
[0050]富文本編輯器3，關(guān)聯(lián)存儲公式圖片和公式文本數(shù)據(jù)，在文本域中顯示公式圖片，在公式圖片上動態(tài)添加點擊事件，所述點擊事件為調(diào)用與公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)并通過傳遞模塊發(fā)送給公式編輯器。
[0051]可見，該實施例中由于生成的公式存在對應的公式圖片和公式文本數(shù)據(jù)，因此可以在富文本編輯器3中以圖片形式顯示公式，并可以以文本數(shù)據(jù)形式將公式返回到公式編輯器I中，使得富文本編輯器3顯示的公式便于修改。
[0052]為了實現(xiàn)對公式的修改，所述富文本編輯器3，在公式圖片被點擊時，將與該公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)通過傳遞模塊發(fā)送給公式編輯器I ;所述公式編輯器1，根據(jù)接收到的公式文本數(shù)據(jù)生成可以修改的公式，根據(jù)修改后的公式生成新的公式圖片和新的公式文本數(shù)據(jù)。
[0053]為了實現(xiàn)對公式的更新顯示，所述公式編輯器1，將新的公式圖片和新的公式文本數(shù)據(jù)發(fā)送給所述富文本編輯器3 ;所述富文本編輯器3，用新的公式圖片和新的公式文本數(shù)據(jù)替換原來儲存的公式圖片和公式文本數(shù)據(jù)，顯示新的公式圖片。
[0054]為了防止公式文本數(shù)據(jù)在傳遞過程中出現(xiàn)丟失、紊亂，所述傳遞模塊2，進一步包括加密單元和解密單元，在將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器3時，加密單元對公式文本數(shù)據(jù)進行加密處理；在將公式圖片對應的公式文本數(shù)據(jù)發(fā)送給公式編輯器I時，解密單元對加密的公式文本數(shù)據(jù)進行解密處理。
[0055]下面通過一個具體的例子，來更為詳細的說明本發(fā)明一個較佳實施例的實現(xiàn)過程。
[0056]該較佳實施例選用的富文本編輯器為KindEditor，選用的公式編輯器為fMathEditor。KindEditor是一套開源的在線HTML編輯器，主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果，開發(fā)人員可以用KindEditor把傳統(tǒng)的多行文本輸入框替換為可視化的富文本輸入框。fMath Editor是免費的公式編輯軟件，可以使用MathML和LATEX或OMML標準來編輯公式。該較佳實施例在KindEditor編寫了一個插件類來調(diào)用fMath Editor,編寫了一個傳遞模塊來在KindEditor和fMath Editor之間傳遞數(shù)據(jù)。公式文本數(shù)據(jù)采用MathML 標準。MathML !Mathematical Markup Language,數(shù)學置標語言，是一種基于 XML 的標準，用來在互聯(lián)網(wǎng)上書寫數(shù)學符號和公式的置標語言。
[0057]參見圖3，該過程包括如下步驟:
[0058]在步驟301, KindEditor 調(diào)用 fMath Editor。
[0059]在步驟302, fMath Editor編輯公式,注意如果是從步驟301進入步驟302,則步驟302是從頭開始編輯公式，否則是對已有的公式進行修改。
[0060]在步驟303, fMath Editor根據(jù)編輯好的公式生成公式圖片。
[0061]在步驟304，傳遞模塊將從編輯好的公式得到的mathML數(shù)據(jù)加密；
[0062]在步驟305，傳遞模塊將加密數(shù)據(jù)和圖片發(fā)送給KindEditor。
[0063]在步驟306，KindEditor關(guān)聯(lián)存儲加密數(shù)據(jù)和圖片。
[0064]在步驟307, KindEditor在文本域中顯示圖片。
[0065]在步驟308，KindEditor在圖片上動態(tài)添加單擊事件，該事件為圖片被點擊時則調(diào)用關(guān)聯(lián)存儲的加密數(shù)據(jù)，并調(diào)用傳遞模塊處理加密數(shù)據(jù)。
[0066]在步驟309，檢測KindEditor中顯示公式的圖片是否受到單擊，沒有則不進行操作，是則進入步驟310。
[0067]在步驟310, KindEditor調(diào)用與該圖片關(guān)聯(lián)存儲的加密數(shù)據(jù)。
[0068]在步驟311，傳遞模塊將加密數(shù)據(jù)解密，還原成mathML數(shù)據(jù)。
[0069]在步驟312,傳遞模塊將mathML數(shù)據(jù)發(fā)送到fMath Editor。
[0070]在步驟313，fMath Editor根據(jù)mathML數(shù)據(jù)生成公式，然后轉(zhuǎn)到步驟302。
[0071]然后，在步驟302對生成的公式進行編輯，經(jīng)過前述步驟303-308處理之后在KindEditor中以新的圖片替換原來的圖片，因此在KindEditor的文本域顯示修改后的公式，如有必要，可以再次點擊圖片對公式進行修改。
[0072]雖然以上結(jié)合了具體的例子進行說明，但是本領(lǐng)域技術(shù)人員應該理解，本發(fā)明不限于具體的富文本編輯器和公式編輯器，可應用在視窗、安卓等平臺來編輯公式，公式不限于數(shù)學公式，也可以是物理、化學等領(lǐng)域的公式。
[0073]以上實施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制；盡管參照前述實施例對本發(fā)明進行了詳細的說明，本領(lǐng)域的普通技術(shù)人員應當理解:其依然可以對前述各實施例所記載的技術(shù)方案進行修改，或者對其中部分技術(shù)特征進行等同替換；而這些修改或者替換，并不使相應技術(shù)方案的本質(zhì)脫離本發(fā)明權(quán)利要求所限定的范圍。
【權(quán)利要求】
1.一種編輯公式的方法，其特征在于，該方法包括: 公式編輯器編輯公式，生成公式圖片和公式文本數(shù)據(jù)； 將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器； 富文本編輯器關(guān)聯(lián)存儲公式圖片和公式文本數(shù)據(jù)，在文本域中顯示公式圖片，并在公式圖片上動態(tài)添加點擊事件，該事件為點擊時調(diào)用與公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)并發(fā)送給公式編輯器。
2.權(quán)利要求1所述的方法，其特征在于，該方法還包括: 公式圖片被點擊時，富文本編輯器將與該公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)發(fā)送給公式編輯器。
3.權(quán)利要求2所述的方法，其特征在于，該方法還包括: 公式編輯器根據(jù)富文本編輯器發(fā)送過來的公式文本數(shù)據(jù)生成可以修改的公式，根據(jù)修改后的公式生成新的公式圖片和新的公式文本數(shù)據(jù)。
4.權(quán)利要求3所述的方法，其特征在于，該方法還包括: 公式編輯器將新的公式圖片和新的公式文本數(shù)據(jù)，發(fā)送給富文本編輯器；富文本編輯器用新的公式圖片和新的公式文本數(shù)據(jù)替換原來儲存的公式圖片和公式文本數(shù)據(jù)，顯示新的公式圖片。
5.權(quán)利要求1至4中任一項所述的方法，其特征在于，該方法還包括: 在將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器時，對公式文本數(shù)據(jù)進行加密處理，在將公式圖片對應的公式文本數(shù)據(jù)發(fā)送給公式編輯器時，對加密的公式文本數(shù)據(jù)進行解密處理。
6.權(quán)利要求1至4中任一項所述的方法，其特征在于，該方法還包括: 富文本編輯器以插件的形式調(diào)用公式編輯器。
7.一種編輯公式的系統(tǒng)，其特征在于，該系統(tǒng)包括: 公式編輯器編輯公式，生成公式圖片和公式文本數(shù)據(jù)； 傳遞模塊，將公式編輯器生成的公式圖片和公式文本數(shù)據(jù)傳送給富文本編輯器； 富文本編輯器，關(guān)聯(lián)存儲公式圖片和公式文本數(shù)據(jù)，在文本域中顯示公式圖片，在公式圖片上動態(tài)添加點擊事件，所述點擊事件為調(diào)用與公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)并通過傳遞模塊發(fā)送給公式編輯器。
8.權(quán)利要求7所述的系統(tǒng)，其特征在于， 所述富文本編輯器，在公式圖片被點擊時，將與該公式圖片關(guān)聯(lián)存儲的公式文本數(shù)據(jù)通過傳遞模塊發(fā)送給公式編輯器； 所述公式編輯器，根據(jù)接收到的公式文本數(shù)據(jù)生成可以修改的公式，根據(jù)修改后的公式生成新的公式圖片和新的公式文本數(shù)據(jù)，發(fā)送給富文本編輯器。
9.權(quán)利要求8所述的系統(tǒng)，其特征在于， 所述富文本編輯器，用新的公式圖片和新的公式文本數(shù)據(jù)替換原來儲存的公式圖片和公式文本數(shù)據(jù)，顯示新的公式圖片。
10.權(quán)利要求7-10其中一項所述的系統(tǒng)，其特征在于， 所述傳遞模塊，進一步包括加密單元和解密單元，在將公式圖片和公式文本數(shù)據(jù)發(fā)送給富文本編輯器時，加密單元對公式文本數(shù)據(jù)進行加密處理；在將公式圖片對應的公式文 本數(shù)據(jù)發(fā)送給公式編輯器時，解密單元對加密的公式文本數(shù)據(jù)進行解密處理。
【文檔編號】G06F9/44GK104462160SQ201310452819
【公開日】2015年3月25日 申請日期:2013年9月25日 優(yōu)先權(quán)日:2013年9月25日
【發(fā)明者】張紅玲 申請人:北大方正集團有限公司, 北京北大方正電子有限公司