詳解ckeditor網站編輯器內容過濾配置

2023-03-26 分類：網站建設

ckeditor前身fckeditor，是國際上資質最老的網頁編輯器，而且一直保留開源免費的政策，所以我也一直比較喜歡使用和研究，根據了解，不管是自動生成的代碼質量、自由配置度、功能擴展性、瀏覽器兼容性方面都是非常好的。
這里創新互聯就大家經常遇到的編輯器源代碼編輯模式時，很多內容標簽會被編輯器自動過濾這個問題做下解釋，其實ckeditor有個allowedContent
屬性，可以通過config.js配置，但是默認是開啟的，主要功能是規定編輯內容允許的標簽、標簽的屬性（attributes）、標簽的樣式（style）以及可以使用的類（class）.如果要禁用內容過濾，很簡單，下面一句話就可以搞定：
在配置config.js文件增加一條配置語句config.allowedContent=true。但是可能你還會想深入了解allowedContent是怎么控制過濾功能的，比如如何設置允許哪些標簽，只允許帶哪些屬性的標簽、過濾什么標簽、過濾什么屬性、過濾什么樣式等。其刪除的規則很輕大，下面創新互聯網站建設舉個配置示例：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'} );這個h1 h2 h3 p blockquote strong em - 編輯器允許這些標簽，但是任何屬性都會被過濾；a[!href]- href屬性對于a是必須的，也就是如果a沒有href的標簽也會被過濾，

而且其他屬性會被過濾；

本文名稱：詳解ckeditor網站編輯器內容過濾配置
網站鏈接：http://m.kartarina.com/news40/247740.html

成都網站建設公司_創新互聯，為您提供手機網站建設、動態網站、網站改版、用戶體驗、網站排名、電子商務

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容