M$的DHTML Editor 使用心得

我相信這是一個很普遍需要的功能。

客戶提出要求：一份申報材料要能夠滿足客戶端填寫上傳和網上填寫上傳，其中有一份個人業績的說明。其中有一項功能是個人可以把自己比較突出的業績加粗或者高亮顯示。同時材料收下後，管理端和評審時候的Web端也要能夠看見格式化的問題。

比較複雜的需求，客戶端如果用RichTextEditor的RTF格式，可以實現高亮，但是轉到網上顯示的時候又需要做很多轉化。因此我考慮整個文字都採用HTML格式進行流轉。也就是使用DHTML 編輯器。但是這個編輯器既要網上可以用，也要客戶端可以用。所以我考慮採用M$的DHTML Editor，查閱了相關資料後，發現程式碼非常的簡單。我下面就以給文字加粗為例子說明各個操作。

客戶端：VB開發

1 在Component裡面選中DHTML Edit Control for IE 5

2 在Form上新增一個DHTML Edit的控制元件和兩個按鈕

3 VB程式碼

Private Sub Command1_Click()
DHTMLEdit1.ExecCommand DECMD_BOLD, OLECMDEXECOPT_DONTPROMPTUSER
End Sub

Private Sub Command2_Click()

 Dim theHTML1 As String
 
   theHTML1 = "The test paragraph"
   
    DHTMLEdit1.DocumentHTML = theHTML1
End Sub

網上例項：

 DECMD_BOLD =                      5000;
 OLECMDEXECOPT_DODEFAULT =         0;
function button1_onclick() {
  DHTMLEdit1.ExecCommand(DECMD_BOLD,OLECMDEXECOPT_DODEFAULT);
}

function button2_onclick() {
  DHTMLEdit1.DocumentHTML = "The test paragraph";
  //DHTMLEdit1.DocumentHTML = "

Hello, World!

";
}
// -->

  

  height=400 width=500 VIEWASTEXT>

這裡使用的是ActiveX控制元件，雖然感覺上沒有純JS的編輯器好，但是程式碼非常簡單。值得的。

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=559820