← 返回所有博客文章

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();

 

页面加载后,显示如下:

C1Editor

 

本文Demo的源代码如下:

C1Editor.7z (3.85 mb)