設(shè)計(jì)所見即所得編輯器例程庫過程詳解(參考版)
2025-05-11 21:12本頁面
【正文】 。 歡迎各位進(jìn)入 Domino 精彩的世界，祝愿各位讀者早日成為 Notes 高手。 最后說一句，也是一句古話：師父領(lǐng)進(jìn)門，修行在個(gè)人。 至此， web上的所見即所得編輯器就制作完成了，為保證應(yīng)用的美觀，還要對需要在瀏覽器中 拋頭露面 的設(shè)計(jì)元素進(jìn)行修飾 (比如使用 CSS，表格等 )；同時(shí)為了保證應(yīng)用在發(fā)布的時(shí)候不產(chǎn)生問題，還需要對其在開發(fā)服務(wù)器環(huán)境中進(jìn)行測試，經(jīng)過美化及測試后的應(yīng)用，就可以發(fā)布到應(yīng)用服務(wù)器中供用戶使用了。具體到各種元素使用了何種效果請打開表單逐一查看。 為了配合 TinyMCE 替換 textarea 的方式，還需要在表單中創(chuàng)建一個(gè) RTF 域，Domino 中的 RTF域在瀏覽器中顯示時(shí)就變成了 HTML 代碼中的 textarea 了。接下來的就是 TinyMCE 的初始化了，具體的初始化代碼可參考 TinyMCE 的說明文件，其中詳細(xì)講解了使用TinyMCE 的方式及方法，本例庫使用替換 textarea 的方式，并且對工具條中的按鈕進(jìn)行定制，從而只顯示常用的按鈕，初始化 TinyMCE 的代碼如下圖所示： 上 述代碼放在表單的 JS Header 中，每次打開表單都會將相應(yīng)的 textarea轉(zhuǎn)換成所見即所得編輯器。 前面的 Advanced 方式的那個(gè)演示頁面中已經(jīng)非常清楚的寫出了實(shí)現(xiàn)方法： *引入 JavaScript 文件 *初始化 TinyMCE 在表單中要引入 JavaScript 文件，有兩種方式： *在表單的 HTML Header Content 中寫下面的公式： *直接在表單中寫相應(yīng)的 HTML 代碼，就和 Advanced 方式的演示頁面中的代碼那樣 以上兩種方式所達(dá)到的效果完全一樣，可根據(jù)個(gè)人喜好進(jìn)行選擇，本例庫采用了第一種方法，在表單的 HTML Header Content 中編寫公式。 將所有文件存放到 Domino 數(shù)據(jù)庫中之后，就可以開始在要使用它們的頁面中進(jìn)行設(shè)計(jì)了。將文件保存到 Domino 數(shù)據(jù)庫中之后的列表如下圖所示： 并不是所有的文件都要放到 Files 分類下面，比如 CSS 文件就可以直接放到 Style Sheets 分類下面，圖片放到 Images 分類下面，具體的操作方法和文件類似，可以試驗(yàn)一下。要將文件添加到 Files 分類下面，需要單擊列表上面的 New File Resource 按鈕，之后會彈出一個(gè)用來選擇文件的對話框，可以選擇多個(gè)文件，找到要添加的文件后，單擊對話框中的 Open 按鈕，稍候文件就保存到了 Domino 數(shù)據(jù)庫中。 權(quán)衡兩種方式，為了發(fā)布時(shí)方便一些，本例庫采用直接存放到 Domino 數(shù)據(jù)庫中的方式。那么在 Domino 中如何實(shí)現(xiàn)引入文件和進(jìn)行初始化呢 ?這需要對 Domino 中使用文件的方式有一定了解。 要將其集成到 Domino 中，還要看一下 HTML 頁面中的實(shí)現(xiàn)方式，因?yàn)樽詈笤?Domino 中實(shí)現(xiàn)后也是要在瀏覽器 中顯示。在頁面頂端還有其它集成方式的鏈接，單擊后可看到相應(yīng)的效果。 第五節(jié)集成 TinyMCE 本文前面介紹過 TinyMCE，還有另外一種方案是使用 FCKEditor，但由于FCKEditor 的 體積 比 TinyMCE 龐大很多，并且 TinyMCE 的功能也在逐步完善，故而本文采用集成 TinyMCE 的方式來實(shí)現(xiàn) web 上的 所見即所得 編輯器。 本節(jié)簡要介紹了例庫中的兩個(gè)代理及其屬性設(shè)置，可見還是比較簡單的，在復(fù)雜的應(yīng)用中，代理的代碼量可能很大，但是基本操作不過如此，只是邏輯更加復(fù)雜而已，只要業(yè)務(wù)精通，幾乎可以實(shí)現(xiàn)任何邏輯。 最后 的 print 部分和上面的保存代理類似，還是將瀏覽器的頁面轉(zhuǎn)到另外的 URL。這也就給我們指明了找到文檔的方法，需要先找到包含文檔的數(shù)據(jù)庫 (當(dāng)前 session 的當(dāng)前數(shù) 據(jù)庫 )，當(dāng)前數(shù)據(jù)庫中包含當(dāng)前文檔的視圖 (此視圖的選擇條件需要包含創(chuàng)建此文檔的表單的名字，稍后進(jìn)行講解 )，然后就能找到文檔了。這樣一來，只能從后臺來執(zhí)行刪除操作。 這個(gè)代理 的內(nèi)容比較簡單，涉及到的操作也不是很多，我們來看看 刪除文檔 按鈕所執(zhí)行的代理，這個(gè)代理更具有代表性。 在操作完 RTF 域之后，就需要把當(dāng)前表單保存為一個(gè)文檔了，調(diào)用了document 的 save函數(shù)來完成保存。 Initialize 部分： Sub Initialize On Error Goto handle_error Dim vWebSession As New notessession Dim vThisDatabase As notesdatabase Dim vThisDocument As notesdocument Dim vRichStyle As NotesRichTextStyle Dim vRTItem As Variant Dim vHTMLCode As Variant Set vThisDatabase= Set vThisDocument= Set vRichStyle= =True Set vRTItem=(yimingstudio) If(=RICHTEXT)Then vHTMLCode=() Call (yimingstudio) Set vRTItem=(yimingstudio) Call (vRichStyle) Call (vHTMLCode) End If =HTMLFormAdv Call (True,True) Print|[script language=javascript]|[br/]Print|=[a href=color=808000]color=808000]|+(0)+|/all/|+Cstr( lID)+|?opendocument|[br/]Print|[/script]| Exit Sub handle_error： Exit Sub End Sub 此部分是整個(gè)代理的主體部分，幾乎所有的功能都要在這里實(shí)現(xiàn)，這段代碼的主要功能是保存當(dāng)前用戶錄入的內(nèi)容，將其保存為一個(gè) Domino 文檔，并且保留了編輯器中的各種格式。 代理屬性窗口中還有一個(gè) Security標(biāo)
范文總結(jié)相關(guān)推薦
鄂ICP備17016276號-1