詳解ckeditor網(wǎng)站編輯器內(nèi)容過濾配置

2023-03-26 分類：網(wǎng)站建設(shè)

ckeditor前身fckeditor，是國際上資質(zhì)最老的網(wǎng)頁編輯器，而且一直保留開源免費(fèi)的政策，所以我也一直比較喜歡使用和研究，根據(jù)了解，不管是自動(dòng)生成的代碼質(zhì)量、自由配置度、功能擴(kuò)展性、瀏覽器兼容性方面都是非常好的。
這里創(chuàng)新互聯(lián)就大家經(jīng)常遇到的編輯器源代碼編輯模式時(shí)，很多內(nèi)容標(biāo)簽會(huì)被編輯器自動(dòng)過濾這個(gè)問題做下解釋，其實(shí)ckeditor有個(gè)allowedContent
屬性，可以通過config.js配置，但是默認(rèn)是開啟的，主要功能是規(guī)定編輯內(nèi)容允許的標(biāo)簽、標(biāo)簽的屬性（attributes）、標(biāo)簽的樣式（style）以及可以使用的類（class）.如果要禁用內(nèi)容過濾，很簡單，下面一句話就可以搞定：
在配置config.js文件增加一條配置語句config.allowedContent=true。但是可能你還會(huì)想深入了解allowedContent是怎么控制過濾功能的，比如如何設(shè)置允許哪些標(biāo)簽，只允許帶哪些屬性的標(biāo)簽、過濾什么標(biāo)簽、過濾什么屬性、過濾什么樣式等。其刪除的規(guī)則很輕大，下面創(chuàng)新互聯(lián)網(wǎng)站建設(shè)舉個(gè)配置示例：CKEDITOR.replace( 'editor2', { allowedContent: 'h1 h2 h3 p blockquote strong em;' + 'a[!href];' + 'img(left,right)[!src,alt,width,height];' + 'table tr th td caption;' + 'span{!font-family};' +' 'span{!color};' + 'span(!marker);' + 'del ins'} );這個(gè)h1 h2 h3 p blockquote strong em - 編輯器允許這些標(biāo)簽，但是任何屬性都會(huì)被過濾；a[!href]- href屬性對(duì)于a是必須的，也就是如果a沒有href的標(biāo)簽也會(huì)被過濾，

而且其他屬性會(huì)被過濾；

本文名稱：詳解ckeditor網(wǎng)站編輯器內(nèi)容過濾配置
網(wǎng)站鏈接：http://www.muchs.cn/news40/247740.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站改版、用戶體驗(yàn)、網(wǎng)站排名、電子商務(wù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容