如何在我的ASP.net项目中添加html编辑器？

Question

我在Visual Studio中搜索了我的工具箱,我无法在其中的任何位置看到此选项.基本上,我有一个页面,我想添加一个HTML编辑器.如果我使用的是不正确的术语,这里是我要添加的内容的图片:

基本上,我需要这个文本编辑器来格式化它写入HTML的内容.我正在使用具有母版页的ASP.NET Web表单页面.我读过有关TinyMCE但我不确定这是否是我想要的？或者如何将它添加到Visual Studio中的项目中.工具箱中是否有等价物？

到目前为止这是我的代码:

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPages    /Columns.Master" CodeBehind="NoticeDetail.aspx.vb" Inherits="...NoticeDetail" %>
<asp:Content ID="Content1" ContentPlaceHolderID="headmeta" runat="server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="headCustomScriptsCSS" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cpMainContent" runat="server">
<h1>Notice Details</h1>

<!-- this is where I want to add the editor -->

</asp:Content>

谢谢!

编辑:

我需要微软发布的东西.不幸的是,我无法使用任何第三方软件.如果有人知道任何Microsoft工具,那将是理想的!

Answer 1

我不知道作为.NET的一部分提供的任何控件允许您编辑HTML.但是,Microsoft确实提供了Ajax Control Toolkit,其中包括HTML Editor Extender.基本上你只是告诉Extender你想要它包含什么,并告诉它TextBox"扩展"以支持HTML.

例.

 <ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender1" 
            TargetControlID="TextBox1" DisplaySourceTab="true" 
            runat="server"/>
            <Toolbar> 
                <ajaxToolkit:Undo />
                <ajaxToolkit:Redo />
                <ajaxToolkit:Bold />
                <ajaxToolkit:Italic />
                <ajaxToolkit:Underline />
                <ajaxToolkit:StrikeThrough />
                <ajaxToolkit:Subscript />
                <ajaxToolkit:Superscript />
                <ajaxToolkit:JustifyLeft />
                <ajaxToolkit:JustifyCenter />
                <ajaxToolkit:JustifyRight />
                <ajaxToolkit:JustifyFull />
                <ajaxToolkit:InsertOrderedList />
                <ajaxToolkit:InsertUnorderedList />
                <ajaxToolkit:CreateLink />
                <ajaxToolkit:UnLink />
                <ajaxToolkit:RemoveFormat />
                <ajaxToolkit:SelectAll />
                <ajaxToolkit:UnSelect />
                <ajaxToolkit:Delete />
                <ajaxToolkit:Cut />
                <ajaxToolkit:Copy />
                <ajaxToolkit:Paste />
                <ajaxToolkit:BackgroundColorSelector />
                <ajaxToolkit:ForeColorSelector />
                <ajaxToolkit:FontNameSelector />
                <ajaxToolkit:FontSizeSelector />
                <ajaxToolkit:Indent />
                <ajaxToolkit:Outdent />
                <ajaxToolkit:InsertHorizontalRule />
                <ajaxToolkit:HorizontalSeparator />
                <ajaxToolkit:InsertImage />
            </Toolbar>
        </ajaxToolkit:HtmlEditorExtender>

从文档:

HtmlEditorExtender是一个ASP.NET AJAX控件,使您可以扩展标准的ASP.NET TextBox控件,并支持丰富的格式.例如,HtmlEditorExtender允许用户将粗体,斜体,下划线,下标,上标以及不同的前景和背景颜色应用于文本.

您需要将Ajax Control Toolkit添加到项目中才能使用它.我喜欢在可能的情况下使用NuGet添加库,这里是NuGet.

我没有使用过TinyMCE,但我听说过它的好消息.是的,您可以在ASP.NET中使用它.