在asp网站开发过程当中常常用到漂亮的编辑工具。
在这个网站有不少:http://ckeditor.com/ 而且下载下来就可以使用,是开源的。它不像asp里面的.dll控件拖进来就可以使用,而是通过调用的方式使用。
下载下来解压之后就可以直接包含在项目中,如:
接下来说明引用。因为asp里面的TextBox控件都有id,只有id捆绑起来才可以使用。而这里就是把TextBox的id捆绑,这样就可以实现把TextBox的呈现样式改变为上面的样子了。
(1)首先是添加ckeditor的引用,就是引用ckeditor里面的ckeditor.js文件即可。
<
script type
=
"
text/javascript
"
src
=
"
ckeditor/ckeditor.js
"
><
/
script>
(2)添加一个TextBox控件,我的TextBox的ID为txtZW,那么下面的CKEDITOR.replace('<%= txtZW.ClientID %>');中的txtZW正是TextBox的ID,替换了就行了。


<
label
class
="label"
>
正文:
</
label
>
< asp:TextBox ID ="txtZW" runat ="server" TextMode ="MultiLine" Height ="100px" Width ="400px" ></ asp:TextBox >
< script type ="text/javascript" >
CKEDITOR.replace( ' <%= txtZW.ClientID %> ' );
</ script >
< asp:TextBox ID ="txtZW" runat ="server" TextMode ="MultiLine" Height ="100px" Width ="400px" ></ asp:TextBox >
< script type ="text/javascript" >
CKEDITOR.replace( ' <%= txtZW.ClientID %> ' );
</ script >
运行一次看看。ok!