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

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

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

客戶端：VB開發(fā)

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

網(wǎng)上實例：

<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