最近遇到需要將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...