C1Editor撰写和管理HTML内容

ASP.NET Wijmo的C1Editor可以让非技术用户对任何网页上的HTML内容进行创作和管理。可以用这个直观的、像微软Word一样的编辑器来更换任何文本框，以及自定义风格。

本文介绍了用C1Editor控件撰写和管理HTML内容。

添加C1Editor

添加C1Editor到页面，就生成了一个编辑器。该编辑器实现了微软办公软件Microsoft Office样式的功能区界面。此功能区可以将一些相关的命令组织到一系列的标签下，使得用户能够熟悉该编辑器的各项功能，而无需浏览菜单的层次结构。 参考代码：

<wijmo:C1Editor runat="server" 
ID="Editor1" Width="760" Height="530"  Text="The Insert tab contains groups of commands that enable end-users to insert items, 
such as images or paragraph breaks, into the text editor. 
Underneath the Format tab are four groups – Tables, Breaks, 
Forms, and Special – that house closely related tasks. " >
</wijmo:C1Editor>

C1Editor获取文件内容

添加txt数据源到App_Data文件夹。

通过File.OpenText打开现有的文本文件以进行读取。获取文件内容，参考代码如下：

private string GetFileContent()
{
    string text = string.Empty;
    StreamReader sr = File.OpenText(Server.MapPath("~/App_Data/JavaScript.txt"));
    try
    {
        text = sr.ReadToEnd();
    }
    catch { }
    finally
    {
        sr.Close();
     }
    return text;
 }

在页面加载的时候，将获取的文件内容设置给Editor.Text，将文件内容显示到C1Editor内。参考代码如下：

Editor1.Text = GetFileContent();

页面加载后，显示如下：

本文Demo的源代码如下：

C1Editor.7z (3.85 mb)