百度富文本编辑器UEditor在ASP.NET中的运用

            在众多的在线编辑器中，UEditor是不错的一款可视化编辑器，百度出品，而且开源，样式漂亮，自定义容易……所

以要是把UEditor弄懂，在以后的项目中用到编辑器的时候，的确是一大幸事，但无奈，它不如其他的一些编辑器一样可

以信手拈来，有些东西，需要配置，才可以使用，我也就一边琢磨，一边更新这篇文章吧！看到好多的地方说，.net 

Framework版本还会有影响，我选择在Visual Studio 2008的环境下测试。

1、在页面中加载编辑器

            新建网站，就取名叫UEditor

在项目中新建文件夹，文件夹名称也为UEditor.

打开下载的UEditor文件，将里面的所有文件拷贝到在项目中新建的UEditor文件夹中

接下来，打开项目中的一个页面，导入UEditor所需要的文件

<script type="text/javascript" src="UEditor/editor_config.js"></script>
<script type="text/javascript" src="UEditor/editor_all.js"></script>
<link type="text/css" href="UEditor/themes/default/css/ueditor.css"  rel="Stylesheet"/>

在页面中加载编辑器的地方，加入以下代码。

<asp:TextBox ID="txtUEditor" runat="server" TextMode="MultiLine" Width="700px" Rows="15"></asp:TextBox>
    <script type="text/javascript">
                        var editor = new baidu.editor.ui.Editor({
                            UEDITOR_HOME_URL: '/UEditor/',
                            iframeCssUrl: '/UEditor/themes/iframe.css',
                            initialContent: '',
                            minFrameHeight: 300,//编辑器的高度
                            initialFrameWidth:700//编辑器的宽度
                        });
                        editor.render('txtUEditor');  
                        editor.ready(function(){editor.setContent("请输入内容");})
               </script> 

运行项目，编辑器加载成功，效果如下：