網頁編輯器使用說明

在 netiCRM 的募款頁、活動頁、訊息範本等功能中,會使用所見即所得編輯器(CKEditor)協助編輯文字、圖片與版面。

如果您在編輯時遇到文字格式跑掉、圖片不知道如何上傳,或是不確定「原始碼」功能該如何使用,可以參考以下常見問題。

從 Word 或其他文件貼上文字後,為什麼格式會跑掉?

從 Microsoft Word、Google 文件或其他網站直接複製文字時,除了文字本身,也可能一起帶入原本的字型、大小、顏色、間距等格式。

這些格式不一定與 netiCRM 頁面的樣式相同,因此可能出現:

  • 字體或字級與其他段落不同
  • 行距、段落間距不一致
  • 部分文字顏色或背景不同
  • 電腦版看起來正常,但手機版出現排版問題
  • 後續修改格式時,部分文字無法正常套用設定

建議做法

如果不需要保留原文件的格式,建議以「純文字」方式貼上,再使用編輯器重新設定標題、粗體、連結等格式。

您可以使用以下方式:

  1. Windows 使用 Ctrl + Shift + V;Mac 使用 Command + Shift + V,以純文字方式貼上。
  2. 使用編輯器提供的「貼上純文字」功能。
  3. 先將文字貼到純文字編輯器,例如 Windows 記事本,再複製到 netiCRM。

如果內容包含較複雜的表格或特殊排版,需要保留原有格式,則可以直接貼上後,再檢查實際顯示結果。

已經貼上文字了,要怎麼清除殘留的格式?

如果文字已經帶入不需要的字型、大小、顏色或其他樣式,可以使用編輯器中的「清除格式」功能處理。

  1. 選取需要處理的文字。
  2. 點選工具列中的「清除格式」。
  3. 再重新設定需要的粗體、標題、顏色等格式。

需要注意:「清除格式」主要用來清除文字本身的樣式,不一定會清除標題、段落、清單等內容結構。

如果清除格式後,仍然發現某一段的顯示方式與其他內容不同,可以嘗試:

  1. 複製該段需要保留的文字。
  2. 刪除原本的段落。
  3. 改用「貼上純文字」重新貼上。
  4. 再透過編輯器重新設定需要的格式。

這樣通常會比逐一尋找原本殘留的格式更容易處理。

我要怎麼上傳圖片?「瀏覽伺服器」是什麼?

在部分版本的編輯器中插入圖片時,會看到「瀏覽伺服器」的按鈕。

這裡的「伺服器」是指您的 netiCRM 站台已經上傳的圖片與檔案空間,並不是瀏覽自己電腦裡的檔案。

若要新增圖片,可以:

  1. 在編輯器中點選「圖片」功能。
  2. 點選「瀏覽伺服器」。
  3. 進入檔案管理介面後,選擇上傳檔案。
  4. 從自己的電腦選擇圖片並完成上傳。
  5. 選擇剛剛上傳的圖片。
  6. 回到圖片設定畫面後,確認設定並插入圖片。

已經上傳過的圖片,之後也可以再次透過「瀏覽伺服器」找到,不需要重複上傳。

注意:若在伺服器將電子報有嵌入的圖片刪除,導致後續電子報公開連結點入沒有圖片。

圖片使用小提醒

  • 建議上傳前先確認圖片尺寸與檔案大小,避免直接使用尺寸過大的原始照片,以免影響頁面載入速度。
  • 插入圖片時,建議填寫適當的替代文字(Alt Text),簡單描述圖片內容,有助於無障礙閱讀。

「原始碼(Source)」功能是做什麼的?什麼情況才需要使用?

部分版本的編輯器會提供「原始碼」或「Source」功能,可以直接查看及編輯內容背後的 HTML。

一般編輯文字、加入圖片或建立連結時,通常不需要使用原始碼功能。

比較常見的使用情境包括:

  • 檢查一般編輯模式無法清除的特殊格式
  • 微調 HTML 結構
  • 加入特定的 HTML 內容
  • 排查從其他網站貼入內容後產生的異常格式

使用原始碼功能前請特別留意

HTML 標籤如果修改錯誤,可能造成段落、圖片或整個區塊顯示異常。

因此,如果您不熟悉 HTML,建議優先使用一般編輯器提供的功能,不要直接修改原始碼。

如果真的需要調整,也建議先備份原本的內容,再進行修改。

另外,不建議直接把 Word 或其他網站複製出來的大量 HTML 貼入原始碼中,其中可能包含許多不必要的樣式,反而容易造成後續排版問題。

為什麼我看到的編輯器和以前不一樣?CKEditor 4、CKEditor 5 有什麼差別?

netiCRM 的所見即所得編輯器將由 CKEditor 4 更新至 CKEditor 5。

兩者都可以進行一般文字、連結、圖片等內容編輯,但工具列位置、操作介面,以及部分功能的操作方式會有所不同。

CKEditor 5 切換時程

  • 2026 年 9 月 24 日起:可自行切換使用 CKEditor 5。
  • 2027 年 3 月起:系統將全面改用 CKEditor 5,不再提供 CKEditor 4。

因此,在過渡期間,您可能會發現:

  • 工具列圖示或排列方式不同
  • 部分功能的位置改變
  • 貼上 Word 或其他網站內容後的結果不同
  • 部分進階編輯功能的操作方式不同

2026 年 9 月 24 日後,您可以依照系統提供的切換方式,提前改用 CKEditor 5,熟悉新的操作介面。

若編輯的是已經建立的重要頁面,建議在切換編輯器或進行大幅修改前,先備份原本的內容。

關於 CKEditor 5 的更新內容與切換方式,可參考:netiCRM CKEditor 5 更新公告

還是無法解決格式問題?

如果依照以上方式處理後,仍然遇到無法排除的版面或格式問題,可以透過 netiCRM 線上客服系統與我們聯絡。

為了方便我們協助確認問題,建議一併提供:

  • 發生問題的頁面網址
  • 問題畫面的截圖
  • 原本預期呈現的方式
  • 如果問題發生在貼上內容之後,可說明文字原本是從 Word、Google 文件或其他網站貼入

提供以上資訊,可以幫助我們更快確認問題是來自內容格式、編輯器設定,或其他頁面顯示因素。

讓我們挺你,用聰明的方法改變世界