Apps.Tw行動網站設計

使用CKEditor插入影片與圖片的方法，可先點選紅色圈選處放大視窗，按此圖示可以切換放大或正常視窗：

一、插入影片方法

1. 點選紅色圈選[IFrame]

2. 取得 Youtobe 影片連結，點選下方[分享]按鈕，點選下方的[嵌入]選項
點選[預覽]，出現下方設定值，將影片大小調整為1280x780
並取消[影片播放結束後顯示其他建議的影片]之勾選
最後複製連結網址。

3. 將視窗切換到[原始碼]狀態
貼上剛剛在 Youtobe 網站上面複製的網址
在複製的區塊上面貼上 <div class="embed-responsive embed-responsive-16by9">
在複製的區塊下面貼上 <div>
才能在不同的顯示裝置上面，影片自動縮放大小
 

二、插入圖片

1. 點選紅色圈選[圖像]

2. 在 URL 的欄位填上圖片網址後，按[確定]即可；點選[預覽]窗隔，可顯示圖片。

3. 將視窗切換到[原始碼]狀態
在圖片標籤區塊 <img alt="" 的後方貼上class="img-responsive center-block"
才能在不同的顯示裝置上面，圖片自動縮放大小。
若含有style="width: 1406px; height: 1145px;"標籤，則將此區塊刪除