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

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>

谢谢!

编辑：

我需要一些由微软发布的东西。不幸的是，我无法使用任何第三方软件。如果有人知道任何微软的工具，那将是最理想的！

Answer 1

我不知道有任何控件作为.NET的一部分，允许您编辑超文本标记语言。但是，微软确实提供了Ajax控件工具包，其中包括HTML Editor 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控件工具包添加到您的项目中才能使用它。我喜欢在可能的情况下使用NuGet来添加库，here它是在NuGet上。

我没有使用过TinyMCE，但我听说过它的一些好消息。可以，您可以在ASP.NET中使用它。

Answer 2

您是否考虑过使用RadEditor，它是Telerik ASP.NET AJAX Controls的一部分？它确实是.NET最好的超文本标记语言/内容编辑器之一：http://www.telerik.com/products/aspnet-ajax.aspx

如果RadEditor超出了预算范围，那么您可能应该考虑实施CKEditor

• ckeditor in asp.net
• http://ckeditor.com

Answer 3

Ajax HTMLEditorExtender控件可以作为文本编辑器来格式化用HTML编写的内容。下面是在webform中添加ajax HMTLEditorExtender控件的步骤：

http://newapputil.blogspot.in/2014/06/adding-ajax-htmleditorextender-control.html