在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!