使用前端編輯引擎發佈內容

使用內容編輯器在網頁上編輯文字、建立連結並顯示影像。

若要使用內容編輯器,您需要具備適當的權限,而且要修改的內容須在頁面範本中。

若要修改內容,請按一下 [開啟內容編輯器],指向要修改的內容,然後按一下位於內容左上角的藍色編輯按鈕。

內容編輯器命令和控制項

編輯器工具列有數個按鈕,可協助內容編輯。 將滑鼠游標移到按鈕上方,就可看見按鈕功能的工具提示。 下表另外提供了有關可用按鈕的更多詳細資料,依出現在工具列中的順序列出。

按鈕 描述
儲存​​ 儲存內容變更並關閉編輯器。
取消所有變更 捨棄所做的任何變更並關閉編輯器。
切換全螢幕模式 調整編輯器的大小,成為包含瀏覽器視窗的大小。
粗體、斜體、底線、刪除線 讓選取的文字變成粗體、斜體、加上底線或套用刪除線,同樣適用於新輸入的文字。
靠左、置中、靠右對齊、填滿 將選取的文字靠左、置中、靠右對齊或填滿,同樣適用於新輸入的文字。
由左至右、由右至左方向 將文字書寫方向變更為由左至右,或由右至左。
編輯 CSS 樣式 開啟顯示介面的對話方塊,可完全控制所選取文字的 CSS 樣式,同樣適用於新輸入的文字。 若要設定單獨一個字或選取的文字範圍的樣式,只要選取文字,然後在 [編輯 CSS 樣式] 對話方塊中選取 [選取時插入範圍] 選項。 過度使用自訂樣式可能使頁面之間內容觀感的一致性降低。 建議只有在絕對必要時才使用此方法。
格式 將選取的文字以及新輸入的文字變更為所選取的預先定義樣式。
說明​​ 開啟關於 TinyMCE 的對話方塊。
剪下、複製、貼上 在剪貼簿來回剪下、複製或貼上選取的文字。
貼成純文字 從剪貼簿貼上文字,並移除所有格式和樣式。
自 Word 貼上 從剪貼簿貼上文字,同時嘗試保留源自 Microsoft Word 的格式和樣式。
尋找、尋找/取代 開始對話方塊進行內容搜尋,以及選擇性地取代找到的內容。
插入/移除項目符號清單、編號清單 為選取的文字或在文字游標處插入項目符號清單或編號清單,如果清單尚不存在。 如果清單已存在,則會將它移除。
減少、增加縮排 減少或增加文字或清單項目的縮排。
引用段落 將選取的文字或新輸入的文字放入引用區塊中。
復原、取消復原 將復原先前的變更,或取消復原已復原的變更。 只有編輯器開啟後所做的變更才能復原。 已儲存或取消的變更無法復原,也無法取消復原。
插入/編輯連結 插入或編輯所選取文字的超連結。 如需有關此功能的詳細資料,請參閱下方的<建立連結>。
取消連結 將超連結恢復成文字。
插入/編輯錨點 插入或編輯所選取文字的錨點連結。
插入/編輯影像 插入或編輯影像至內容中。 如需有關此功能的詳細資料,請參閱下方的<插入影像>。
插入/編輯內嵌媒體 插入或編輯內嵌媒體,例如視訊或應用程式。
清除雜亂的程式碼 嘗試移除可能來自貼上操作的無效標記。
編輯 HTML 原始檔 開啟對話方塊,當中包含內容的 HTML 原始檔。 HTML 可以在此視窗中直接修改和更新。 此對話方塊不會驗證 HTML! 建議具備 HTML 知識的使用者才使用此功能。
插入/編輯表格到合併表格儲存格 插入或編輯表格及其列、儲存格和屬性。
插入水平線 在文字游標處插入水平線。
移除格式設定 移除所選取文字的格式和樣式設定。
顯示/隱藏輔助線/隱藏元素 切換開啟或關閉表格框線的輔助線和其他隱藏元素。
下標、上標 將選取的文字變成下標或上標,同樣適用於新輸入的文字。
插入特殊字元 開啟對話方塊,當中包含特殊字元,並且在文字游標處插入選取的文字。
備註

在全螢幕模式中,[儲存] 和 [取消所有變更] 按鈕無法使用。 若要儲存或取消,按一下 [切換全螢幕模式] 按鈕返回一般模式,按鈕就可以使用。

從內容編輯器中選取要設為超連結的文字,然後按一下 [插入/編輯連結] 按鈕。 輸入超連結的屬性並按一下 [插入] 按鈕。 按一下內容編輯器工具列中的 [儲存] 按鈕,以儲存變更。

名稱 描述
連結 URL 要連結的 URL。 它可以是任何格式正確的 URL,無論是網站外部或相同網站內。 如果在相同網站內,它可以是相對的,而且可以使用 [瀏覽] 查詢 (就在 [連結 URL] 欄位的右邊)。
瀏覽 開啟網站的檔案選擇器。 所選取頁面或檔案的 URL,選取時將會放入 [連結 URL] 欄位中。 請參閱<使用檔案選擇器>。
目標 指定按下時,連結將在相同或新的瀏覽器視窗中開啟。 若未設定,根據預設,連結將在相同視窗中開啟。
職稱 超連結的描述性標題。 通常在滑鼠游標停留在超連結上方時顯示。
插入、更新 以指定的屬性建立或更新超連結,並關閉對話方塊。 請注意,在內容編輯器中進行的變更只有在按下內容編輯器工具列中的 [儲存] 按鈕後才算完成。
取消​​ 捨棄所做的任何變更並關閉對話方塊。

插入影像

從內容編輯器中,將文字游標放在要插入影像的位置,然後按一下 [插入/編輯影像] 按鈕。 輸入影像的屬性並按一下 [插入] 按鈕。 按一下內容編輯器工具列中的 [儲存] 按鈕,以儲存變更。

影像屬性和命令

名稱 描述
影像 URL 影像的 URL。 它可以是任何格式正確的影像 URL,無論是網站外部或相同網站內。 建議使用內部的 URL。 如果在相同網站內,它可以是相對的,而且可以使用 [瀏覽] 查詢 (就在 [影像 URL] 欄位的右邊)。
瀏覽 開啟網站的檔案選擇器。 所選取影像檔案的 URL,選取時將會放入 [影像 URL] 欄位中。 請參閱<使用檔案選擇器>。
影像描述 指定影像的 alt 屬性。 它會由螢幕助讀程式讀出,通常會在影像未正確載入時看見。
職稱 超連結的描述性標題。 通常在滑鼠游標停留在影像上方時顯示。
預覽​​ 提供要插入或更新的影像預覽。
外觀 (索引標籤) 選取選項,用來覆寫實際影像屬性、其樣式及其位置。
進階 (索引標籤) 提供進階選項,可能需要頁面範本支援。
插入、更新 以指定的屬性建立或更新影像,並關閉對話方塊。 在內容編輯器中進行的變更只有在按下內容編輯器工具列中的 [儲存] 按鈕後才算完成。
取消​​ 捨棄所做的任何變更並關閉對話方塊。

使用檔案選擇器瀏覽頁面及檔案

檔案選擇器提供了瀏覽屬於相同網站的頁面和檔案的方式。 新檔案也可以使用檔案選擇器上傳。 透過內容編輯器新增連結或影像時,就可以使用檔案選擇器。 按一下看起來像 Windows 檔案總管視窗的圖示,開啟檔案選擇器。 使用左邊的樹狀檢視瀏覽至頁面或檔案,然後按兩下右邊清單檢視中的頁面或檔案將它選取。

若要上傳新檔案,

  1. 瀏覽至要上傳檔案的目標資料夾,並按一下上面有一個綠色加號的磁碟圖示。
  2. 在開啟的對話方塊中,按一下 [瀏覽] 並選擇要上傳的檔案。 在下一個欄位中執行相同操作,新增更多檔案。
  3. 按一下 [確定] 上傳選取的檔案。

檔案選擇器命令

下表提供了有關可用按鈕的更多詳細資料,依出現在工具列中的順序列出。

名稱 描述
上一步 移至之前檢視的資料夾。
重新載入 重新整理資料夾的檢視。
選取檔案 使用選取的頁面或檔案的 URL。
開啟 在新的瀏覽器視窗中檢視頁面或檔案。
上傳檔案 開啟對話方塊來上傳新檔案。 按一下 [確定] 立即上傳新檔案至資料夾。
複製、剪下 已停用
移除​​ 刪除選取的檔案。 只能移除檔案,頁面無法移除。 頁面應使用內容發佈工具列中的 [刪除] 按鈕移除。
取得資訊 顯示關於所選取頁面或檔案的額外資訊。
使用快速查看預覽 在重疊的小視窗中檢視檔案和一些相關資訊。
做為圖示檢視 將資料夾內容做為圖示顯示。
做為清單檢視 將資料夾內容做為包含每一個項目的詳細資料的表格顯示。
說明​​ 開啟有關 elFinder:Web 檔案管理員的對話方塊。

請參閱

如何佈建入口網站
開始使用入口網站內容編輯器
使用內容程式碼片段自訂內容