ASP .NET 中的漂亮编辑器

本文关键字:漂亮 编辑器 NET ASP | 更新日期: 2023-09-27 18:32:27

我正在开发一个应用程序并在其中添加富文本编辑器,但它不起作用。我也尝试了许多其他编辑器,如tinyMC或CK编辑器,但它也无法正常工作。所以这就是为什么我提供代码,以便任何人都可以帮助我。守则如下

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Tabs.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="titleContent" runat="server">
    PostProblem
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="body" runat="server">
  <script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">    bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
 <script type="text/javascript">
     $("#PostProblem").validate();
    </script>
     <h3>PostProblem</h3>
     <br />
      <% using (Html.BeginForm("PostProblem", "Discussion",  null ,FormMethod.Post, new { id = "PostProblem" }))
        { %>

            <table  class="bodyTable">
                 <tbody class="rowHover">
                    <tr>
                        <td class="labelPortion">
                            Title:
                        </td>
                        <td class="controlPortion">
                             <%: Html.RenderControl(new ControlInfo()
                                                    {
                                                        ControlID = 1,
                                                        CanNull = false,
                                                        Type = ControlType.TextField,
                                                        Value = (TempData["__1"] != null) ? TempData["__1"].ToString() : ""
                                                    }, true
                                                    )
                        %>
                        <% // Display the error message if any. 
                            if (TempData["_1"] != null)
                            { %><br/>
                                <span class="errorMessage"> <%: TempData["_1"]%> </span>
                        <% } %>
                        </td>
                    </tr>
                    <tr>
                        <td class="labelPortion">
                            Problem:
                        </td>
                        <td class="controlPortion">
                             <%: Html.RenderControl(new ControlInfo()
                                                    {
                                                        ControlID = 3,
                                                        CanNull = false,
                                                        Type = ControlType.TextArea,
                                                        Value = (TempData["__3"] != null) ? TempData["__3"].ToString() : ""
                                                    }, true
                                                    )
                             %>  
                        <% // Display the error message if any. 
                            if (TempData["_3"] != null)
                            { %>
                            <br/>
                                <span class="errorMessage"> <%: TempData["_3"]%> </span>
                        <% } %>
                        </td>

                    </tr>
                    <tr>
                        <td class="labelPortion">
                            <b>Problem Tag:</b>
                        </td>
                         <td class="controlPortion">
                            <%: Html.DropDownList("selectedValue", (IEnumerable<SelectListItem>)ViewData["problemTags"])%>
                        </td>
                    </tr>           
                    <tr>
                        <td>
                        </td>
                        <td>
                             <input class="buttonDesign" type="submit" value="Post"/>
                        </td>
                    </tr>
        </tbody>
        </table>
        <%} %>
</asp:Content>

请帮助我。

ASP .NET 中的漂亮编辑器

您可以使用 AJAX 控件工具包中的 HTML 编辑器

这是在jquery中使用CK编辑器的一种非常简单的方法。

  1. 包含必要的 js 文件
/Editors/ckeditor/ckeditor.js", "/Editors/ckeditor/adapters/jquery.js"
  1. 创建 ID 为"txtHtmlContent"的文本区域元素
<textarea cols="50" rows="5" id="txtHtmlContent" class="sfTextarea"> </textarea>
  1. 调用插件方法

$('#txtHtmlContent').ckeditor("config");

您还可以查看雅虎用户界面库中的富文本编辑器