撰寫及編輯

視覺化編輯器

這份指南的步驟以我們的傳統編輯器為例說明。如果你使用的是我們新推出的區塊編輯器,請參閱這份指南

什麼是視覺化編輯器?

你可以使用視覺編輯器,在類似文字處理器的畫面中建立、編輯內容和修改格式。

為確保你看到的不是文章或頁面的 HTML 檢視,請選擇編輯器區域右上方的「視覺化」分頁,如下所示。

「視覺化」分頁 - 編輯器
確認你在「視覺化」分頁

視覺化編輯器內有兩列編輯按鈕。將滑鼠指標停留在各個按鈕上,即會出現說明圖示及其用途的小型工具提示,幫助你瞭解每個圖示的功能。

視覺化編輯器的內容會依所選佈景主題 CSS 設定樣式;CSS 是一種為 HTML 設定顏色、間距、寬度等樣式的程式碼。你在編輯器中看到的內容可能與實際網站顯示的不完全相同。請使用「預覽」按鈕,檢視文章或頁面在實際網站上呈現的方式。


第一列編輯按鈕

視覺化編輯器首次開啟時會顯示單行圖示:

視覺化編輯器工具列第 1 列圖示的圖片
第一列編輯按鈕 – 下方說明各選項功能
  1. 新增媒體
  2. 樣式 – 佈景主題定義的各種格式樣式
  3. 粗體
  4. 斜體
  5. 未排序清單 (項目符號):
    • 項目 1
    • 項目 2
  6. 已排序清單
    1. 項目 1
    2. 項目 2
  7. 引用 (一種顯示引用文字的方式;每個佈景主題的樣式都不同。)
  8. 靠左
  9. 置中
  10. 靠右
  11. 插入∕編輯/移除連結
  12. 插入「閱讀全文」標籤
  13. 工具列切換  (啟用第二列編輯圖示)
  14. 新增聯絡表單

第二列編輯按鈕

若要顯示第二列圖示,請選擇第一列右側的工具列切換圖示 (上述按鈕編號 13)。開啟的第二個工具列如下:

視覺化編輯器第 2 列工具列圖示的圖片
第二列編輯按鈕 – 下方說明各選項功能
  1. 刪除線
  2. 水平分隔線
  3. 選擇文字顏色 – 變更文字顏色
  4. 以文字貼上
  5. 清除 格式
  6. 插入特殊 字元
  7. 凸排 – 向左移動文字
  8. 縮排 – 向右移動文字
  9. 復原 – 復原上次的動作
  10. 重做 – 重做上次的動作
  11. 說明 – 顯示鍵盤快速鍵

對齊

文字和圖片都可以使用適當的圖示對齊:

靠左

靠左
靠左

靠右

靠右
靠右

置中

置中
置中

樣式

樣式下拉式清單可讓你變更任何選定文字的格式,包括佈景主題內建的各種標題和其他預先定義的樣式。

請注意,如需進一步修改樣式,則需自訂 CSS (並擁有適當的 CSS 知識)。

視覺化編輯器的文字樣式
視覺化編輯器的文字樣式

文字顏色

若要變更文字顏色,你必須先反白標示一段文字:

按一下文字顏色按鈕旁的向下箭頭,顯示顏色選取器。開啟顏色選取器後,箭頭會變成朝上。按一下向上箭頭,即可不選取顏色並關閉選取器:

顏色選項圖片

選擇一種顏色後,該顏色會套用到選取的文字,並變成顏色按鈕的預設顏色。

按一下顏色按鈕就會套用上一個預設顏色。

預設顏色選擇按鈕圖片

貼上文字

如果從其他地方複製並貼上文字,可能會發現文字顯示方式不如預期,因為從另一個程式 (例如電子郵件或文字處理器) 複製的文字可能內含不必要的格式。

如果使用貼上文字按鈕,系統就會執行特殊清除程式,移除可能會改變文字格式的任何特殊格式和 HTML 標籤。

以下是 「工具列」在「純文字關閉」模式下顯示的外觀。請注意,按鈕周圍沒有方框:

非啟用狀態「貼上文字」按鈕圖片

以下是 「工具列」在「純文字開啟」模式下顯示的外觀。請注意,現在周圍出現 方框,按鈕則以黑色加深顯示:

啟用狀態「貼上文字」按鈕圖片

清除格式

清除格式按鈕

清除格式按鈕可從反白標示的一段文字中移除所有格式 (粗體、斜體、顏色等)。先選取文字:

格式化文字圖片

按一下按鈕即可移除所有格式:

按一下清除格式按鈕後的文字圖片

自訂字元

你可以在文章或頁面中插入特殊字元。將游標置於要插入字元的位置,然後按一下「插入自訂字元」按鈕,此時會出現一個快顯視窗:

特殊字元圖片

按一下任何字元,即可將其插入游標位置。


凸排 / 縮排

縮排按鈕會將文字內縮一級,凸排按鈕則是外移一級。

outdent-example
indent-example

間距

按下 Enter (返回) 鍵會結束正在撰寫的段落,並開始新段落。如果要開始新的一行,但不要建立新段落,請同時按住 Enter 和 Shift 鍵。


鍵盤快速鍵

視覺化編輯器已內建一些鍵盤快速鍵或熱鍵。

若要查看所有可用快速鍵的清單,請按一下工具列切換開關以顯示第二列圖示,然後按一下第二列尾端的 鍵盤快速鍵 (問號)  圖示。

此時會彈出快顯視窗,顯示編輯器中可用的鍵盤快速鍵清單。

鍵盤快速鍵圖片

若要使用預設快速鍵,Mac 使用者請同時按下 Command 鍵+ 所需快速鍵,Windows 使用者請同時按下 Control 鍵+ 所需快速鍵

按鍵動作按鍵動作
c複製x剪下
v貼上a全部選取
z復原重做
b粗體i斜體
u底線k插入∕編輯連結

若為其他快速鍵,Mac 使用者請同時按下 Control 鍵+ Option 鍵+ 所需快速鍵,Windows 使用者請同時按下 Control 鍵+ Alt 鍵+ 所需快速鍵

按鍵動作按鍵動作
1標題 12標題 2
3標題 34標題 4
5標題 56標題 6
l靠左c置中
r靠右j左右對齊
刪除線q引用
u項目符號清單o編號清單
a插入∕編輯連結移除鏈結
插入∕編輯圖片t插入繼續閱讀標籤
鍵盤快速鍵x程式碼
p插入分頁標籤
Still confused?

Contact support.

Not quite what you're looking for?

取得說明