ueditor 和 umeditor 貼上過濾問題

2022-03-30 23:41:30 字數 1353 閱讀 8624

最近遇到需要將word wps等複製的帶有格式的內容貼上到富文字編輯器裡面去掉冗餘的html,只保留最有用的部分。

第一步肯定是先查官方文件了。

裡面的filtertxtrules  //純文字貼上模式下的過濾規則 

就是對貼上的純文字進行過濾。 當然在ueditor中還帶有兩個自帶的引數

retainonlylabelpasted  和 pasteplain 也可以對貼上的內容直接進行過濾。 當然想要自定義過濾還是需要自己來寫。 那就是強大的 filtertxtrules  了。 

下面是官方示例:

/預設值:

function

()

return

},'br':

},'div':

},'li':

},'caption': transp,

'th': transp,

'tr': transp,

'h1': transp,

'h2': transp,

'h3': transp,

'h4': transp,

'h5': transp,

'h6': transp,

'td': function

(node)

node.parentnode.removechild(node, node.innertext())}}

}()

但是因為使用的是輕量級的umeditor,所以並沒有retainonlylabelpasted  和 pasteplain這兩個技能,只能使用自定義的部分。但是又想保留部分標籤的格式,那麼具體的要求就是允許 span標籤和p標籤使用 class以及br換行,下面直接上**,前端的同學一看就懂。記錄一下,方便以後用到。

,filterrules: function

()

return

},'br':

},'div':

},'li':

},'span':

},'caption': transp,

'th': transp,

'tr': transp,

'h1': transp,

'h2': transp,

'h3': transp,

'h4': transp,

'h5': transp,

'h6': transp,

'td': function

(node)

node.parentnode.removechild(node, node.innertext())}}

}()

ok, done !

ueditor的簡單配置和使用

一 準備開發工具和資源 開發工具我使用的是eclipse neon.1 release 4.6.1 版本,jdk使用的是jdk1.8,tomcat使用的tomcat9。如果這些工具的版本和我的不一致,只要不是太舊的版本,應該是也是可以的,這個大家可以嘗試一下。二 配置和使用方法 然後將ueditor...

ueditor使用小結

完整的功能演示,可以參考 ueditor release ueditor1 4 3 1 src.zip ueditor release ueditor1 4 3 1 gbk net.zip ueditor功能強大,但是有些功能我們是用不到的,可以在ueditor.config.js中配置。搜尋 s ...

Ueditor 增加模板

定義自己的模板 先用ueditor編輯好乙個模板 點左上角的html 就會出現 html 源 把模板 寫入模板檔案 把上步的源 整理成一行,替換dialogs template config.js 中的第乙個空模板內容。比如 var templates 關於templates裡面相關屬性說明 1 p...