博客编辑工具ckeditor

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

 

运行一次看看。ok!