1. 程式人生 > >百度富文字編輯器UEditor

百度富文字編輯器UEditor

有文件,有演示.使用者體驗很舒服,介面很乾淨,很好.比之前的富文字編輯器好用.

至於jsp或者asp.net、php配置使用,百度谷歌很多.可以找一找,配置一下.

網上找到一個人整理的富文字編輯器

轉自:http://hi.baidu.com/gezi419439610/item/b659d11abdca954a3b176e60

WYSIWYG jQuery外掛。整個編輯器檔案大小隻有17Kb。  Damn Small Rich Text Editor  EditArea   NicEdit  NicEdit是一個輕量級,跨平臺的Inline Content Editor。NicEdit能夠讓任何 element/div變成可編輯或者能夠把標準的textareas轉換成Rich文字編輯器。
Damn Small Rich Text Editor 
於jQuery開發,壓縮之後只有18k左右的Rich Text Editor。提供所有基本的Rich
Text功能,調整文字區域大小,使用AjaxFileUpload外掛上傳圖片,清除HTML標籤,標記文字修改,支援多種瀏覽器(FF1.5+、
IE7、IE6)。此外還支援通過外掛來擴充套件文字處理功能。 WYMeditor  TinyMCE  TinyMCE
是一個開源,純JavaScript HTML WYSIWYG編輯器。它能夠把HTML
TEXTAREA或其它HTML標籤轉換成Rich編輯器。TinyMCE非常易於整合到其它內容管理系統中。可以通過外觀/主題和外掛來定製滿足自己需
求的編輯器。提供漢化語言包。多瀏覽器支援:Mozilla、MSIE、FireFox、Opera和Safari。此外你還可以很方便地使用Ajax來
儲存和載入內容。
Yahoo! UI : Rich Text Editor  來自Yahoo! UI庫中一個功能強大的Rich文字編輯器。 FCKeditor  FCKeditor是一個類似於MS Word的HTML文字編輯器。相容多種瀏覽器,輸出符合XHTML1.0標準,支援CSS以便能夠與你的網站更好的結合,提供右鍵操作選單,支援直接從Word貼上,可以自己定製功能工具條,支援面板更換和通過外掛擴充套件功能等。 Control.Editor 

Control.Editor是一個基於Mootools開發的WYSIWYG Editor。

openWYSIWYG 
純javascript開發的,跨瀏覽器WYSIWYG Editor。只一行簡單的程式碼就能夠將<textarea>標籤轉換成一個強大的WYSIWYG editor Free Rich Text Editor 

Free Rich Text Editor是一個易於使用的HTML WYSIWYG編輯器。只需要三行程式碼,就能夠安裝該編輯器。支援以下瀏覽器:
Internet Explorer Internet Explorer 6 (Microsoft Windows)
Internet Explorer 7 (Microsoft Windows) Mozilla Firefox Mozilla Firefox 1.5+ (Microsoft Windows)
Mozilla Firefox 1.5+ (Apple Macintosh) Opera Opera 9 (Microsoft Windows) SafariSafari 1.3+ (Apple Macintosh)

 

Xinha  Xinha是一個功能強大的WYSIWYG HTML編輯器,支援所有基於Mozilla的瀏覽器和MS IE。它具有易於擴充套件,功能模組豐富等特性。並且提供檔案管理、圖片上傳外掛、還可以對圖片進行簡單的編輯等功能。 MarkitUp  MarkitUp是一個輕量級,可定製,靈活的WYSIWYG Editor。
支援快捷鍵
支援Ajax動態預覽
支援IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+
支援html、Wiki、BBScode等編輯格式如果要轉 載本文請註明出處,Seven的部落格,Email:[email protected] SmartMarkUP  SmartMarkUP
是一個輕量級,強大的JavaScript
library,它能夠將Textarea控制元件轉換成富文字編輯器。支援HTML、CSS、XML、Wiki語法、BBCode等,可按實際需求配置。
SmartMarkUP沒有基於任何javascript框架開發,易於現有專案結合使用。 CKEditor  CKEditor是FCKeditor的3.0版本,具有更好的效能和豐富、強大的整合/互動介面以及一個嶄新的使用者介面等。 KindEditor  WMD-Editor  WMD(Wysiwym Markdown Editor)是一個簡單,輕量級的HTML編輯器。適合在部落格發表評論,論壇發貼中使用。 jHtmlArea  Reditor 

Reditor是一個基於JQuery和JQuery UI開發的HTML Editor。如果要轉載本文請註明出處,Seven的部落格,Email:[email protected]

HtmlBox  HtmlBox
是一個基於jQuery開發的HTML/XHTML編輯器。易於使用。支援多種瀏覽器Mozilla Firefox、Internet
Explorer6.0、Opera、Safari和Netscape。非常小隻有15kb。HtmlBox預設返回HTML,但也可以輸出XHTML。
整合Ajax支援。 KISSY Editor   xhEditor  xhEditor是一個基於jQuery開發的簡單迷你並且高效的視覺化XHTML編輯器,基於網路訪問並且相容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。
Features(特性):
Small:初始載入5個檔案,包括:1個js(45k)+2個css(7k)+2個圖片(4k),總共56k。若js和css檔案進行gzip壓縮傳輸,可以進一步縮減為21k左右。
Fast:基於jQuery引擎開發,提供高效的程式碼執行效率
Simple:簡單的呼叫方式,加一個class屬性就能將您的textarea立馬變成一個功能豐富的視覺化編輯器。
Word:實現Word程式碼自動檢測並清理,提供高效完美的Word程式碼過濾方案,生成程式碼最優化精簡,但是卻不丟失任何細節效果。
UBB: 提供完美的UBB視覺化編輯解決方案,在您獲得安全高效程式碼儲存的同時,又能享受視覺化編輯的便捷  FileManager 
是一個開源,基於jQuery開發的檔案管理器,可以整合到CKEditor/FCKEditor
和其它HTML編輯器中使用。實現檔案上傳、下載、重新命名、刪除。FileManager預設伺服器端處理採用Python實現,但可以通過其提供的一個
簡單JavaScript API來擴充套件對其它語言的支援。 elRTE  elRTE
是一個使用jQuery UI開發的開源WYSIWYG
HTML編輯器。支援正常和全屏兩種模式。介面都可以在一個CSS檔案中配置。支援i18n,該編輯器可以很方便本地化為任意語言。elRTE自帶一個
Web檔案管理器叫elFinder,伺服器端預設處理指令碼為PHP。經測試elRTE支援Firefox3.5、Internet
Explorer7/8、Safari4、Opera10和 Chrome。

下載:

MooEditable  nanoWIME  TinyEditor  TinyEditor
是一個不依賴於任何JavaScript框架,只有8kb左右的簡單JavaScript
WYSIWYG編輯器。可以將任意textarea轉成一個編輯器。TinyEditor編輯框可以調整大小,預先設定內容,設定生成HTML或
XHTML程式碼等等。 CLEditor  SyntaxHL 

SyntaxHL是TinyMCE HTML編輯器的一個外掛,它讓你能夠使用SyntaxHighlighter在Web頁面中插入原始碼語法高亮顯示的程式碼。

jQuery BBCode Editor  TQEditor  開發TQEditor原因不滿意對當前現在的線上編輯器的, 要麼功能強大,但體積也超大, 要麼體積小了, 功能卻不能滿足需要.
這是國內第一個相容IE9的線上編輯器, 也是一個功能體積比最優的的線上編輯器如果要轉載本文請註明出處,Seven的部落格,Email:[email protected]
目標: 最好的線上編輯器
特點:小身材,JS(56k)+CSS(8k)+圖示(7k) 總計71K, 啟用gz壓縮後不到30K全瀏覽器支援, 當前支援 IE6, 7, 8, 9, chrome 8+, FF 3+, Opera 10+, Safari5+Word程式碼清理,有效清理從word中貼上的程式碼同時保留格式預設使用SWFUpload元件處理上傳, 使用者體驗超好自帶原始碼格式化支援面板功能, 只需修改一個CSS即可自定義面板一鍵自動排版功能,內建自動圖文排版, 預設即適合大多數的文章內容排版形式靈活的擴充套件功能, 方便按業務需要擴充套件功能未來特性, 具體實現時間未定:
螢幕截圖 (需要外掛支援, 且只支援IE)直接貼上Word文件的圖片 (需要外掛支援, 且只支援IE)表格功能增強(方便的設定表格./行/列/單元格屬性, 合併單元格等)UBB編輯功能其它語言包  KISSY 

KISSY是由淘寶前端攻城師們發起的一個開源專案。

KISSY提供了設計模式庫、指令碼庫和最佳開發流程等工具,致力於減少重複開發,提高開發效率。

具有小巧靈活, 簡潔實用, 使用起來讓人感覺愉悅的特點。


相關推薦

文字編輯ueditor的使用、非空校驗、引用預定義模板

最近用到百度ueditor編輯器,遇到了很多問題,總結一下ueditor的使用、非空校驗、引用預先寫好的模板。 一、百度ueditor編輯器簡單使用: 1.在百度官網http://ueditor.baidu.com/website/download.html下載壓縮包,解壓之後整體拷

laravel-admin整合文字編輯ueditor

首先要說的是laravel-admin真的是一個非常適合做管理後臺的package。 官方文件有整合wangEditor、ckeditor、PHP editor的示例,如果這幾個編輯器能滿足你的需求可以參照官方文件操作。 ueditor是百度開源的一款編輯器,其中它

文字編輯UEditor使用簡單示例

HTML程式碼: <form id="f_edit" method="post"> <input name="id" type="hidden" value="${activit

文字編輯Ueditor的使用

前言 最近專案需要整合一個編輯器,於是聽從了同事的推薦用的是百度的Ueditor,整合很順利,本地也很順利,然後部署到linux上就各種不能用。。。 期間也百度了很多的帖子,但是多數帖子都是使用的舊

使用文字編輯UEditor碰到的問題

前面使用的是kindEditor,但是發現這個已經不再維護,並且bug不少,而我又不會改,哈哈,所以我就放棄了。 原來想過要用百度的這個UEditor,但是在配置的時候遇到了很多問題,基本上載入不出來,但是最後還是硬著頭皮把那些bug都解決了,順利跑通。 問題1:按百度Demo的配置我發現連最基本的編

文字編輯UEditor的使用總結

在你的web工程或網站根目錄下,新建一個名稱叫ueditor資料夾,把下載ueditor解壓後貼上到你新建的這個資料夾中4.在你的jsp頁面中一如富文字編輯器    1.引入相關js和css       <script type="text/javascript" src="${basePath}/ad

文字編輯UEditor的使用和他的圖片上傳

最近在做一個新聞釋出系統的小專案,需要用到富文字編輯器這個東東,於是上網搜了下,白活兩天給白活出來了,接下來談談我對百度富文字編輯器的使用心得: 要想使用這個富文字編輯器,首先呢得從百度官網上下載,文章最後我會貼出來資源的連結,大家可以直接下載哈~ 下載完成之後呢,解壓,目

【ASP.NET】6.文字編輯UEditor之從資料庫中取出來頁面展示

    將資料存到資料庫中了,那麼怎麼讓資料原樣顯示到編輯器裡呢?讀取資料庫裡一條資料,獲取到的資料是這樣的:<p style="text-align:center;"> <img src="/LJWY/MGMT/attached/image/2016-1

文字編輯UEditor的改造

      在Java專案中,做內容管理功能時,需要用到富文字編輯器,目前流行的富文字編輯器還是比較多的,因為專案中用的是百度的UEditor,所以對UEditor使用中的一些問題做個總結吧。      因為是Java專案所以使用的是隻能選擇jsp版本的UEditor,使用方

關於文字編輯UEditor中ctrl+enter鍵傳送訊息的解決方案

最近一個訊息外掛中遇到一個特殊需求,就是一旦ueditor編輯器獲取焦點以後,除非讓編輯器失去焦點,否則window的鍵盤監聽事件就失去作用了,在這種情況下如何才能使用ctrl+enter傳送已經編輯好的內容呢?上網搜了好多,發現大家都遇到這個問題了,這裡我將我自己的解決方

文字編輯UEditor:PHP + Nginx 後端配置圖片上傳,下載

由於公司專案需求,花了點時間研究UEditor的後端配置,分享一下使用經驗。注意,這裡的圖片上傳配置,僅能保證圖片管理器的上傳下載正常,而單張照片上傳,後端顯示成功,也接收到檔案了,可是前端會報錯,筆者沒有找到解決方案,所以註釋掉了單張照片上傳的功能,以後有時間再研究。1.後

文字編輯ueditor使用小結

   /** * 圖片上傳 * @author CK * @param upfile * @param request * @param response * @return * @throws Exception

【ASP.NET】9.解決文字編輯UEditor往後臺傳資料寫入資料庫時,出現錯誤:檢測到有潛在危險的Request

解決方法:把傳資料的方式換一下,在函式上面新增[ValidateInput(false)],如果是winform頁面,在aspx頁面裡新增ValidateRequest="false"%@ Page V

java中SSM+maven整合文字編輯Ueditor的一系列方法和可能遇到的問題

一、怎麼顯示圖片? 這是我專案的總體排版 1.解壓UTF-8版本的Ueditor到webapp下  新建一個叫index.jsp的檔案 內容如下 2.修改imageUrlPrefix的值 ,對應自己的專案名 3.因為SSM包含了mvc 過濾靜態資源 所以去

python web.py中使用文字編輯 UEditor

原文連結 http://flask123.sinaapp.com/article/47/UEditor簡介UEditor是由百度「FEX前端研發團隊」開發的所見即所得富文字web編輯器,具有輕量,可定製,注重使用者體驗等特點,開源基於MIT協議,允許自由使用和修改程式碼。由於

文字編輯ueditor上傳檔案到bcs中

(不知為何,程式碼的排版總是不能自動對齊。有點糾結,各位將就看著) 近期在做一個個人部落格,用到了百度的富文字編輯器ueditor。部落格是架在了bae中的。在測試的時候發現,上傳的圖片有時候不會或者是間接性地不會顯現出來,特別詭異的是,我用ie核心的瀏覽器(比如360、i

文字編輯UEditor

有文件,有演示.使用者體驗很舒服,介面很乾淨,很好.比之前的富文字編輯器好用. 至於jsp或者asp.net、php配置使用,百度谷歌很多.可以找一找,配置一下. 網上找到一個人整理的富文字編輯器 轉自:http://hi.baidu.com/gezi419439610/

SSH2專案引入文字編輯Ueditor編輯

一、整合所需UEditor原始碼 這個可以到http://ueditor.baidu.com/website/download.html#ueditor下載相應版本。 二、導包 把上述包拷貝到WEB-INF的lib下 三、JSP頁面處理 [javascript] view plain copy pr

文字編輯Ueditor 整合springboot(不修改原始碼)

專案中使用到百度的富文字編輯器ueditor,網上也有相關的部落格做了比較全面的介紹,只是需要較多時間去一一整理,個人認為這其中的難點主要在於載入ueditor的配置檔案config.json,網上的教程大概可以分為兩種載入方式,一是修改原始碼直接去讀取uedi

ueditor文字編輯linux下報錯: class path resource [config.json] cannot be resolved to absolute file path because it does not reside in the file system

具體報錯資訊如下 java.io.FileNotFoundException: class path resource [config.json] cannot be resolved to absolute file path because it does not reside in the fi