CKEditor4 自動清除內容標籤問題的解決方法

在CKEditor中我們經由配置檔Config.js,可以依照自己的需求去自定編輯器的工具,如下圖: 而在CKEditor中CKEDITOR.editor.filter會過濾掉一些沒開放功能的內容,舉例來說:上面這編輯器並沒有開放iframe這功能,但倘若我想要貼上youtube分享的嵌入連結,就是由方式嵌入的,youtube嵌入的Code如下:<iframe width="560" height="315" src="//www.youtube.com/embed/9ATcxIOeDiY" frameborder="0" allowfullscreen="">我們開啟原始碼的編輯模式,貼上這一段code,做嵌入影片的動作後,在切換回所見即所得編輯方式的同時CKEDITOR.editor.filter就會過濾掉一些沒開放功能的內容,如上圖沒開放的iframe工具,如此我們因為沒有開放iframe工具就沒有辦法貼入youtube的iframe嵌入碼,其實這很合理,某些時候是一種很棒的限制內容功能,不過有些時候這或許並不是我們想要的,我們可能希望可以在不提供iframe的工具下,用原始碼貼上的方式貼入youtube的iframe,為解決這問題CKEditor也提供了2個解決方法:

方法一、 config.allowedContent=true; 把allowedContent設定為true就是吧CKEDITOR.editor.filter這功能關閉,不去過濾內容,這方式不只針對iframe而是所有不開放功能都不會再被過濾了,雖然很方便,但少了一層的限制或許會擔心安全性的問題,所以我們還有第二種方法可選擇。

方法二、 CKEDITOR.editor.filter仍然運作,但允許開放部份不支援功能, config.allowedContent=false; config.extraAllowedContent=‘iframe‘; 便只允許iframe的操作,若允許的工具有多項就用空格分隔,如下 config.extraAllowedContent=‘b i iframe‘;

时间: 2024-10-13 18:05:17

CKEditor4 自動清除內容標籤問題的解決方法的相关文章

eafier 簡單易用 HTML、CSS 網頁編輯器(可自動插入 Tag 標籤)

很久很久以前,一般人要做網頁的話大概都會用 FrontPage 之類的工具,更進階一點的會用 Dreamweaver 等軟體.雖然上述軟體提供很方便的「所見即所得」的編輯預覽模式,但寫出來的網頁程式碼往往會因為各種原因而搞得亂七八糟… 如果你對於 HTML 與 CSS 相當熟悉,習慣自己手工修改.編輯出自己要的網頁內容,一般純文字編輯器卻無法滿足你的需求的話,可以試試看下面這個相當好用的 Leafier 編輯工具. Leafier 是以 HTML 與 CSS 等網頁編輯的需求為主,可讓我們很輕鬆

[NIOS] 如何Erase EPCS flash內容

以下資料是給我自己做個以後查詢使用. ================================================== 手動清除EPCS內的資料步驟: 1. 先開啟 Nios II 1X.X Command Shell 2. 下指令 nios2-flash-programmer -e --base=0x1800 --erase-all --override=c:/nios2-flash-override.txt 參數說明: -e : 這個動作只對 EPCS flash使用 -

DOCKER可能改變VR內容的編輯&製作

DOCKER可能改變VR內容的編輯&製作 ●Docker鏡像(Image)可以讓3D資料模型(如動漫3D素材模型)搭配自己的軟體代碼Lib(如渲染或資料處理引擎),VR內容的編輯器可以將素材的3D模型與其相關代碼Lib打包成為標準的Docker鏡像,成為VR的動態(Dynamic)素材. ●3D資料模型就如同<信紙>,它含有許多3D資料(就是信紙所記載的內涵):可稱之為靜態(Static)素材. ●VR內容製作時,可將1)資料模型:2) 相關代碼Lib:一起打包成為Docker鏡像.這

台灣VR內容產業聯盟_技術推廣課程

歡迎報名參加... 課程目標: ● 第1天課程學完之後,您會充分理解VR(含AR.MR)技術的本質.原理和產業發展趨勢.包括掌握VR技術風潮下的完整產業生態.投資策略和文創出版的IP授權模式等新機會. ● 第2天課程學完之後,您會深刻領會VR身歷其境(定位其中)的沉浸感(帶入感)是來自於幕後的3D素材(Material),您先學會360全景拍攝的技巧和後製作流程,並實際演練.此外,您還會熟悉其他的VR素材製作途徑和工具. ● 第3天課程學完之後,您會完整認識當今全球最先進的HTC Vive產品的

如何管理Chrome標籤?

經常一用Chrome就打開了十幾個標籤,有些是昨天沒有看完的文章,還有些是學習資訊網站. 多窗口肯定可以解決這個問題,但是我沒有做一件事開一個新窗口的習慣. 有一大堆標籤的時候再來整理比較適合我的使用習慣. 所以,我在Chrome Web Store搜Tab Grouping,找標籤分類的插件. 但是試了幾個效果都不是很理想. 最後,找到了兩個插件,一個是收藏夾管理的,另一個是將標籤添加到收藏夾的. Bookmark Sidebar:可以實現鼠標移到屏幕右側 彈出收藏夾 Bookmark My

Jquery easy ui datagrid動態加載列問題

1.如下图效果是当选择不同的日期范围时datagrid则会加载出对应的列数 2.首先是后台组装数据,我采用的是循环并拼接DataTable数据,如下代码 //循環添加datagrid所需的表頭數據 for (int i = 0; i < table.Columns.Count; i++) { columns.AppendFormat("{{field:'{0}',title:'{1}',align:'center',width:{2}}},", table.Columns[i].

問題排查:行動裝置網頁前端 UI 設計 (1)

這是最近開始接手的一個微信公眾平台專案, 在重整後端程式碼時,因為也需要透過前端來看效果, 所以就因此在前端的部分遇到了不少問題, 畢竟這是以前沒接觸過的領域 (早年的網頁應用程式開發沒有那麼多分工) 經初步探索,得知此案似乎採用了 Intel 的 App Framework 套件, 大致上看一遍官網的簡介之後,就下載了最新版本 3.0 來玩玩看 然後就拿了一個有資料分頁的來嘗試 這不玩還好,一玩就捅了好幾個馬蜂窩等著我去收拾 頁面結構如下: <div class="view"

問題排查:F5啟動偵錯後所提示的錯誤

開發環境:Visual Studio 2013 原始專案版本:Visual Studio 2005 啟動偵錯後,錯誤提示內容如下: HTTP 错误 500.23 - Internal Server Error 检测到在集成的托管管道模式下不适用的 ASP.NET 设置. 已知解法: 在 web.config 加入下列設定值 1 <system.webServer> 2 <validation validateIntegratedModeConfiguration="false&

将容斥系数隐含在式子中的方法

本文设\(\tilde f\)表示生成函数\(f\)的指数生成函数. 给定一个数\(n\),以及权值为\(1,2,\dots,n\)的\(n\)个点,对于\(t=1,2,\dots,n\),设\(z=所有(连通块内各点权值的最小值)的最大值\),求满足\(z=t\)的无向图个数.\(n\leq 5*10^5\) 最大值为\(t\)不好直接考虑,先来一波前缀和,求\(z\leq t\)的无向图个数.那么就是要求所有权值\(>t\)的点不能单组组成连通块.应用一般的容斥方法,统计包含某\(k\)个特