ASP.NET页面中的RichTextEdit

时间:2012-05-15 12:16:11

标签: c# asp.net visual-studio-2010

我有'学生'和'课程'的数据库。如果学生完成课程,他将获得一个 '成就'。可以立即为所有学生打印成就。在这里我没有问题。

问题在于我想要制作可自定义的成就论文(字体,颜色,位置,图像)。在Windows窗体中,有RichTextEdit,因此很容易自定义。

但是如何在ASP.NET中做到这一点?像tinyMCE这样的编辑器可以与ASP.NET集成吗?我可以将信息发送到tinyMCE(或其他编辑器),将{student-name} {course-name}等子字符串更改为数据库中的指定文本吗?

1 个答案:

答案 0 :(得分:1)

听起来AJAX Control Toolkit富文本解决方案对您有用:HTMLEditorExtender。它易于使用,并且可以非常流畅地与Visual Studio集成。

您只需将Extender附加到TextBox控件即可。有关详细信息,请参阅我上面链接的文档页面,但基本上只需要TextBox,然后是扩展程序标记。确保在扩展程序标记中,将“TargetControlID”属性设置为要用作“富文本框”的TextBox的ID。

<asp:TextBox runat="server" ID="myTextBox"></asp:TextBox>
<ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender1" 
    TargetControlID="myTextBox" DisplaySourceTab="true" 
    runat="server"/>
    <Toolbar> 
        <ajaxToolkit:Undo />
        <ajaxToolkit:Redo />
        <ajaxToolkit:Bold />
        <ajaxToolkit:Italic />
        <ajaxToolkit:Underline />
        ...
        <!--And many more properties, see the linked documentation for more-->
        ...
    </Toolbar>
</ajaxToolkit:HtmlEditorExtender>

请注意,TextBox控件的ID是“myTextBox”,而HTMLEditorExtender的TargetControlID也是“myTextBox”。

注意:就性能而言,AJAX控件工具包通常被认为是“沉重”或“笨重”(我通常会推荐jQuery解决方案),但它非常容易使用(特别是对于初学者而言,对于小项目工作正常。