ueditor富文本編輯器過濾及添加代碼修改筆記

關於百度ueditor富文本編輯器過濾及添加代碼修改筆記

方法/步驟

一、不過濾style或script

首先在ueditor.all.js文件內搜尋allowDivTransToP,找到如下的代碼,將true設置為false

me.setOpt('allowDivTransToP',false);

找到

switch (node.tagName) {

case 'style':

case 'script':

node.setAttr({

cdata_tag: node.tagName,

cdata_data: (node.innerHTML() || ''),

'_ue_custom_node_':'true'

});

node.tagName = 'div';

node.innerHTML('');

break;

case 'a':

if (val = node.getAttr('href')) {

node.setAttr('_href', val)

}

break;

刪除裡面的case 'style':或case 'script':即可

二、不在li里添加p標籤

找到如下代碼

//進入編輯器的li要套p標籤

去掉以下一段

utils.each(root.getNodesByTagName('li'),function(li){

var tmpP = UE.uNode.createElement('p');

for(var i= 0,ci;ci=li.children[i];){

if(ci.type == 'text' || dtd.p[ci.tagName]){

tmpP.appendChild(ci);

}else{

if(tmpP.firstChild()){

li.insertBefore(tmpP,ci);

tmpP = UE.uNode.createElement('p');

i = i + 2;

}else{

i++;

}

}

}

if(tmpP.firstChild() && !tmpP.parentNode || !li.firstChild()){

li.appendChild(tmpP);

}

//trace:3357

//p不能為空

if (!tmpP.firstChild()) {

tmpP.innerHTML(browser.ie ? '&nbsp;' : '<br/>')

}

//去掉末尾的空白

var p = li.firstChild();

var lastChild = p.lastChild();

if(lastChild && lastChild.type == 'text' && /^\s*$/.test(lastChild.data)){

p.removeChild(lastChild)

}

});

三、ul加list-paddingleft-2類

找到 function adjustListStyle(doc,ignore){

// 下點狠手,將裡面的內容全部去掉

}

在ueditor.all.min.js這個文件裡頭進行修改,搜尋(a.getNozoucms_d-esByTagName("li"),function(a)代碼後面有var b=UE.uNode.createelement("p")改成var b=UE.uNode.createelement("zou"),zou為非html標籤,可以自定義,這樣的話你再看下,就不會有討人壓的P標籤自動出現了!

針對LI去除樣式,搜尋case "li": 將這個case下的代碼片段注釋掉,這樣就不會自動清除LI的class樣式了!

終極方式 在ueditor.all.min.js這個文件里,搜尋l.addInputRule(function(a) {從這個大括號「{」後面的一直到下一個if 中間的代碼全刪掉。就不會自動加P了

在搜尋p.each(f.getElementsByTagName(b, "ol ul"),去掉裡面的ul就可以去掉UL的強制代碼

禁止過濾JS標籤,搜尋case "script":並刪除就可以

禁止過濾link css標籤搜尋cp.each(this.document.styleSheets,從這個標籤前面var b="";開始到{b+=a.outerHTML})全刪掉留一個}

刪除文本強制不換行2中方式,

1,使用純文本模式。

2,在ueditor.all.js文件內搜尋nowrap,將對應那段帶有case 'span':

的一整段代碼注釋掉

注意事項

1.43版本修改,其他不詳

相關文章

  1. JSP頁面引入Ueditor富文本編輯器(1)

    最近做項目時,需要用到富文本編輯器,使用了百度的Ueditor編輯器,因此 在這和大家分享下 工具/原料 myeclipse,ueditor 方法/步驟 從官網上 http://ueditor.bai ...
  2. 富文本編輯器UEditor的使用

    對於我們web開發來說,富文本的編輯器是比不可少的,好的富文本編輯器可以讓我們用戶有更好的體驗效果,帶來更多的用戶好評,今天給大家介紹百度推出的富文本編輯器的使用方法,其優秀的ui設計會讓我們眼前一亮 ...
  3. 富文本編輯器UEditor的配置使用方法

    UEditor是由百度前端研發團隊研發的所見即所得富文本web編輯器,具有輕量.可定製.注重用戶體驗等特點,開源基於MIT協議,允許自由使用和修改代碼.UEditor使用起來比較方便,功能強大,可滿足 ...
  4. Django如何添加富文本編輯器?

    Django寫網站,需要一個富文本編輯器.根據不重複造輪子的原則,我決定去用一個開源的.於是我找到了強大無比的CKEditor. 工具/原料 Django 項目 CKEditor 方法/步驟 去官網下 ...
  5. 百度富文本編輯器ueditor怎麼使用

    有時候我們想使用ueditor富文本編輯器,怎麼操作呢,下面來分享一下方法 工具/原料 電腦 ueditor 方法/步驟 第一步我們創建一個web項目,將官網下載的ueditor放在根目錄下面,並將自 ...
  6. SSM框架 Jsp整合富文本編輯器ueditor 圖片上傳

    一直以來都沒有成功過 這次又要用到了 就重新去配置整合 終於成功了 也對項目已經整合配置步驟熟悉了 記錄下來以後需要能看看 可以先看一遍在去配置 後面兩步可能遇到也可能遇不到 所以就放到最後了 工具/ ...
  7. 在網站項目中加入富文本編輯器

    在網站項目中加入富文本編輯器 工具/原料 電腦,代碼編輯器 在網站項目中加入富文本編輯器: 1.下載富文本編輯器的文件夾. 2. 把編輯器文件包放到自己的項目中 ① 引入3個核心js文件 ② 製作一個 ...
  8. 如何將word內容粘貼到富文本編輯器裡面

    很多時候我們用一些管理系統的時候,發布新聞.公告等文字類信息時,希望能很快的將word裡面的內容直接粘貼到富文本編輯器裡面,然後發布出來.減少排版複雜的工作量. 下面是借用百度doc 來快速實現這個w ...
  9. 簡單 好用 的 html5 富 文本編輯器-Redactor

    Redactor 美麗的和易於使用的所見即所得的html編輯器,不過不支持 IE6 瀏覽器,很簡單吧 工具/原料 jquery-1.7 方法/步驟 <!DOCTYPE html> < ...
  10. ASP.NET MVC4 使用UEditor富文本

    文章和發帖之類的,經常會用到富文本,在asp.net mvc 裡面的富文本使用頻率也很高,這裡就以百度的UEditor富文本為例的使用 工具/原料 Studio 2012-2014 UEditor富文 ...
  11. 用js編寫在線富文本編輯器

    教你用js編寫一個網頁在線編輯器,需要有網頁製作基礎,好了接下來跟個我來學吧! 工具/原料 html+css+js基礎.dreamewere或者sublime或記事本等任何一款網頁編輯器 方法/步驟 ...
  12. jQuery富文本編輯器插件wysiwyg.js使用攻略

    wysiwyg.js是一款十分強大的.所見即所得的jQuery富文本編輯器插件.wysiwyg.js富文本編輯器體積小,支持選擇.鍵盤.占位等眾多事件.而且該富文本編輯器的兼容性十分好,甚至兼容IE6 ...
  13. WordPress增強富文本編輯器TinyMCE Advanced

    WordPress是一個強大的博客工具,最近我也試試準備弄個分享點好玩的,作為新手在其中發現了不少問題~比如他的這個編輯器真是非常的難用啊!所以想辦法增強一下~由於是新手,更改代碼什麼的還不是很熟練, ...
  14. php調用kindeit富文本編輯器

    kindeit,著名的富文本編輯器. 工具/原料 官網下載kinedit富文本編輯器. 自己買的主機建立的網站. 方法/步驟 在<head></head>之間添加調用編輯器代碼 ...
  15. 怎樣存儲富文本編輯器編輯的內容

    在使用富文本編輯器的時候,很多小夥伴可能不知道如何正確的去保存內容,今天小編就來給大家說一下該如何正確保存吧. 工具/原料 富文本編輯器 攻略 一般我們在提交數據的時候,都是會帶有html標識的,為了 ...
  16. 百度富文本編輯器怎麼使用

    百度富文本編輯器是個功能很強大的編輯器,而且裡面的代碼上傳路徑可以自己編輯非常的實用化,在頁面引用也非常簡單,直接使用幾行代碼就可以,需要在js裡面定義到編輯器個數實例化 工具/原料 編輯器 百度富文 ...
  17. 收集富文本編輯器內容

    收集富文本編輯器內容 工具/原料 php 方法/步驟 1.富文本編輯器的內容做展示,沒有把具體樣式展示出來,相反,把html標籤給顯示出來了 2.編輯器內容的展示是有原因的: 資料庫中存儲的是&quo ...
  18. 如何簡易實現富文本編輯器一樣的功能

    在我們開發一個論壇或者博客之類的網站時,一般都會有一個發布信息的界面,裡面輸入文字可以調整字體大小顏色之類的功能,這就是富文本編輯器之類的工具 工具/原料 jquery插件 方法/步驟 我們創建一個d ...
  19. 富文本編輯器ckeditor 圖片大小怎麼自動適應

    ckeditor是一款常用的文本編輯器,用戶可以在ckeditor上自由的編輯文本以及圖片,也可以自由的設計排版和樣式. 工具/原料 ckeditor 圖片 方法/步驟 首先,我們進入到ckedito ...
  20. 富文本編輯器引入實現評論功能

    富文本編輯器引入實現評論功能 工具/原料 PHP 數據表的設計: 1.商品評論表: 2.已點讚的表 3.商品評論回復表 富文本編輯器引入: 1.引入3個相關的js文件 2.評價內容的js代碼 3.實現 ...