Ueditor1.4.3.3 asp UTF-8版文件缺失修改方法

来源:https://www.cnblogs.com/squirrel-king/archive/2019/12/24/12091420.html
-Advertisement-
Play Games

Ueditor1.4.3.3 asp UTF-8版文件缺失修改方法 ...


  前幾天在做一個項目中需要用富文本編輯器,最終選定用Ueditor編輯器,從官網下載源碼(http://ueditor.baidu.com/website/download.html),按照文檔創建demo,如下:

 1 <!DOCTYPE HTML>
 2 <html lang="en-US">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>ueditor demo</title>
 7 </head>
 8 
 9 <body>
10     <!-- 載入編輯器的容器 -->
11     <script id="container" name="content" type="text/plain">
12         這裡寫你的初始化內容
13     </script>
14     <!-- 配置文件 -->
15     <script type="text/javascript" src="ueditor.config.js"></script>
16     <!-- 編輯器源碼文件 -->
17     <script type="text/javascript" src="ueditor.all.js"></script> 
18 
19     <!-- 實例化編輯器 -->
20     <script type="text/javascript">
21         var ue = UE.getEditor('container',{
22             //這裡可以選擇自己需要的工具按鈕名稱,此處僅選擇如下五個
23             toolbars: [['FullScreen', 'Source', 'Undo', 'Redo', 'Bold', 'test']],
24             //focus時自動清空初始化時的內容
25             autoClearinitialContent: true,
26             //關閉elementPath
27             elementPathEnabled: false,
28             //預設的編輯區域高度
29             initialFrameHeight: 300,
30             //最大輸入字數
31             maximumWords:500
32         });
33     </script>
34 </body>
35 
36 </html>  

  運行demo,結果編輯器載入不全,下載的源碼中缺少ueditor.all.js文件,這個簡單,查看官方提供的演示demo,瀏覽器調試獲得整個ueditor.all.js的代碼,在本地創建js文件,複製,保存,刷新demo,本以為這樣就可以了,現實往往喜歡和你開玩笑~demo沒有載入編輯器的樣式!!!!

  功夫不負有心人啊,最後找到這樣一處配置,在ueditor.all.js文件中查找ueditor.css,把這個文件的路徑修改正確就OK了,希望能幫到遇到同樣問題的小伙伴們。

 UE.ui.Editor = function (options) {
        var editor = new UE.Editor(options);
        editor.options.editor = editor;
        utils.loadFile(document, {
            href:editor.options.themePath + editor.options.theme + "/_css/ueditor.css",
            tag:"link",
            type:"text/css",
            rel:"stylesheet"
        });

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 這篇文章主要給大家介紹了關於利用laravel搭建一個迷你博客的相關資料,文中將一步步的實現步驟通過示例代碼介紹的非常詳細,對大傢具有一定的參考學習價值,需要的朋友們下麵跟著來一起學習學習吧。 本文主要給大家介紹的是關於利用laravel搭建一個迷你博客的相關內容,分享出來供大家參考學習,下麵話不多 ...
  • 使用過Spring Boot,我們都知道通過java -jar可以快速啟動Spring Boot項目。同時,也可以通過在執行jar -jar時傳遞參數來進行配置。本文帶大家系統的瞭解一下Spring Boot命令行參數相關的功能及相關源碼分析。 命令行參數使用 啟動Spring Boot項目時,我們 ...
  • 一.使用Q對象進行限制條件之間 "或" 連接查詢 二.使用 startwith 和 endswith 進行欄位數據起始字元和結尾字元的條件查詢 PS:遇到問題沒人解答?需要Python學習資料?可以加點擊下方鏈接自行獲取 note.youdao.com/noteshare?id=2dce86d0c2 ...
  • 使用join()方法 對各種數據類型中元的素進行合併拼接 "連接符".join(列表或元組或字元串或字典) 返回的是一個使用連接符進行拼接的字元串 如果對象是列表,元組,就是以一個下標元素為單位進行拼接 如果對象是字元串,就是一個單詞元素為單位進行拼接 如果對象是字典,就是以一個鍵為單位進行拼接 列 ...
  • Collection體系(集合類,它是一個介面): 兩個子類: List、Set(這兩個子類也是介面) List有兩個常用子類:(值,不唯一,允許有重覆的元素,都是有序的) ArrayList: 數組結構,查找快,增刪慢。線程不安全。 LinkedList: 有序,鏈表結構,查找慢,增刪快。線程不安 ...
  • 表關係 表之間的關係存在三種: 一對一、一對多、多對多。 而SQLAlchemy中的ORM也可以模擬這三種關係。因為一對一其實在SQLAlchemy中底層是通過一對多的方式模擬的, 所以先來看下一對多的關係 ForeignKey #-*-coding:utf-8-*- fromsqlalche... ...
  • 我在寫CSharp程式對資料庫進行操作時發現Connection對象起到了連接資料庫的做用,實際執行SQL語句使用的是Command對象的方法,所以對SqlHelper進行了重寫,具體如下: 一、創建一個ParameterCommand對象,只包含CommandText和Parameters屬性,主 ...
  • 在WPF開發當中,我發現ComboBox的預設選中邏輯失效了,仔細查找後發現後臺邏輯並沒有出現問題。 測試後發現在XAML中,ComBoBox控制項的SelectedValue屬性需要寫在ItemSource之前,預設選中又恢復正常了。 <ComboBox SelectedValue="{Bindin ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...