【ASP.NET 外掛】分享一款富文字web編輯器UEditor

阿新 • • 發佈：2019-01-18

UEditor是由百度web前端研發部開發所見即所得富文字web編輯器，具有輕量，可定製，注重使用者體驗等特點，開源基於MIT協議，允許自由使用和修改程式碼...

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Defaut.aspx.cs" Inherits="UEditorTry.Defaut" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 
>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>UEditor外掛測試</title>
    <%--在頁面head內，引用ueditor檔案、配置檔案和語言包檔案--%>
    <!-- 配置檔案 -->
    <script src="Plugin/ueditor/ueditor.config.js" type="text/javascript"></script>
    <!-- 編輯器原始碼檔案  
-->
    <script src="Plugin/ueditor/ueditor.all.min.js" type="text/javascript"></script>
    <!-- 語言包檔案(建議手動載入語言包，避免在ie下，因為載入語言失敗導致編輯器載入失敗) -->
    <script src="Plugin/ueditor/lang/zh-cn/zh-cn.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" 
 runat="server">
    <div>
        <%--程式碼檔案中設定編輯器容器，並新增編輯器的例項化程式碼--%>
        <script id="container" name="content" type="text/plain" style="margin: 20px auto;
            width: 1024px; height: 300px;">
這裡寫你的初始化內容
        </script>
        <script type="text/javascript">
            var editor = UE.getEditor('container');
        </script>
    </div>
    </form>
</body>
</html>

目錄和檔案說明:

dialogs：彈出對話方塊對應的資源和JS檔案
lang：編輯器國際化顯示的檔案
php或jsp或net：涉及到伺服器端操作的後臺檔案
themes：樣式圖片和樣式檔案
third-party：第三方外掛(包括程式碼高亮，原始碼編輯等元件）
ueditor.all.js：開發版程式碼合併的結果,目錄下所有檔案的打包檔案
ueditor.all.min.js：ueditor.all.js檔案的壓縮版，建議在正式部署時採用
ueditor.config.js：編輯器的配置檔案，建議和編輯器例項化頁面置於同一目錄
ueditor.parse.js：編輯的內容顯示頁面引用，會自動載入表格、列表、程式碼高亮等樣式
ueditor.all.min.js：ueditor.parse.js檔案的壓縮版，建議在內容展示頁正式部署時採用

【ASP.NET 外掛】分享一款富文字web編輯器UEditor

【ASP.NET 外掛】分享一款富文字web編輯器UEditor

幾款富文字web編輯器的用後感

【Asp.Net Core】一、Visual Studio 2015 和 .NET Core 安裝

【ASP.NET-中級】SQLHelper數據訪問公共類

【ASP.NET系列】詳解Views

【ASP.NET 系列】淺談緩存技術在ASP.NET中的運用

【ASP.NET Core】準備工作：在 Windows 10 上配置 Linux 子系統

【ASP.NET Core】在Win 10 的 Linux 子系統中安裝 .NET Core

菜鳥入門【ASP.NET Core】3：準備CentOS和Nginx環境

菜鳥入門【ASP.NET Core】5：命令行配置、Json文件配置、Bind讀取配置到C#實例、在Core Mvc中使用Options

【ASP.NET Core】處理異常（上篇）

【ASP.NET Core】解決“The required antiforgery cookie "xxx" is not present”的錯誤

【ASP.NET Core】如何隱藏響應頭中的 “Kestrel”

【ASP.NET Core】淺說目錄瀏覽

【ASP.NET Core】從向 Web API 提交純文本內容談起

【ASP.NET Core】EF Core 模型與數據庫的創建

【ASP.NET Core】EF Core - “影子屬性”

【搬運合集】分享7款精品應用給大家，不召喚神龍召喚你！

【ASP.NET Core】EF Core 模型與資料庫的建立

【ASP.NET Core】EF Core

【ASP.NET 外掛】分享一款富文字web編輯器UEditor

相關推薦