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

客戶提出要求：一份申報材料要能夠滿足客戶端填寫上傳和網上填寫上傳，其中有一份個人業績的說明。其中有一項功能是個人可以把自己比較突出的業績加粗或者高亮顯示。同時材料收下后，管理端和評審時候的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

網上實例：

<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--

?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 = "<P align=center><FONT size=7><STRONG>Hello, World!</STRONG></FONT></P>";
}
// -->
</SCRIPT>

<P align=center>
<INPUT id=button1 name=button1 type=button value=Bold LANGUAGE=javascript onclick="return button1_onclick()">
&nbsp;&nbsp;
<INPUT id=button2 name=button2 type=button value=Set LANGUAGE=javascript onclick="return button2_onclick()">
</P>

<P align=center>
<OBJECT classid="clsid:2D360200-FFF5-11d1-8D03-00A0C959BC0A" id=DHTMLEdit1
? height=400 width=500 VIEWASTEXT>
</OBJECT>
</P>

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

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