馬克褚工作室，最新課程：
2026/7/26週日，【手機GPS進階戶外課程，Android與iPhone同時上課，離線地圖的判讀；台北】離線地圖保證你不迷路，地圖判別讓你知道接下來如何走，盡情馳騁山林|台北市|104高年級
請參考以下連結：
https://www.markchoo.com.tw/class

ckeditor v4.x，解決於手機Chrome瀏覽器無法正確執行問題

文件編號：988
版本：1.00 ， 狀態：OK （最後修改日期：2026/05/22 - 11:55:15） 版本說明：無

ckeditor v4.x，解決於手機Chrome瀏覽器無法正確執行問題

詢問gemini，得到正確解答

問：

ckeditor在手機的Chrome瀏覽器無法正常執行，請問如何修改以上檔案（附上ckeditor.js）

答：

您所遇到的「CKEditor 在手機 Chrome 瀏覽器無法正常執行」的問題，是 CKEditor 4（即您上傳的 ckeditor.js 版本）在移動端常見的行為。這是因為 CKEditor 4 的早期版本會主動偵測瀏覽器，並在認為可能產生重大可用性問題或不支援的移動環境（如 Andorid Chrome）中自我停用。

雖然您可以直接修改您提供的 ckeditor.js 文件（這是一個極大的、經過壓縮和混淆的腳本，直接修改非常困難且容易出錯），但更安全、更標準的方法是不要修改核心核心文件，而是修改您的 HTML 或主應用程式 JavaScript 代碼，在載入核心腳本之後、實例化編輯器之前，手動啟用兼容模式。

標準解決方案：在您的網頁中新增配置代碼

請按照以下步驟進行修改：

1. 備份您的 ckeditor.js： 請確保您仍保留您上傳的原始文件，以防萬一。不要在該文件內進行手動編輯。

2. 在您的 HTML 或 JavaScript 中新增代碼： 您需要在您的網頁 HTML 中引入 ckeditor.js 之後，以及任何使用 CKEDITOR.replace() 或 CKEDITOR.inline() 創建編輯器實例的代碼之前，加入以下幾行配置。

這行代碼會強制編輯器將目前環境視為兼容環境，忽略內建的移動端黑名單限制。

HTML 範例：

<!DOCTYPE html>
<html lang="zh-Hant">
<head>
    <meta charset="UTF-8">
    <title>CKEditor 手機版兼容設置</title>
    <script src="path/to/your/ckeditor.js"></script>
</head>
<body>
 
    <textarea name="editor1" id="editor1" rows="10" cols="80"></textarea>
 
    <script>
        // 強制啟用對所有移動環境的兼容性支援 (風險自負)
        // 這行代碼是解決您問題的核心
        CKEDITOR.env.isCompatible = true;
    </script>
 
    <script>
        // 當 DOM 準備好時取代 textarea
        CKEDITOR.replace('editor1');
    </script>
 
</body>
</html>
 

為什麼這能解決問題？

在您提供的程式碼庫中，存在一段邏輯，大致意思是： 如果 是移動端 並且 不是特定iOS版本，則 將兼容性設定為 否，並僅顯示一個純文本框。

新增代碼 CKEDITOR.env.isCompatible = true; 是一個權限覆蓋（override）。在 CKEditor 初始化過程的最後，它會檢查這個標記，如果為 true，它將忽略先前的所有自動偵測結果，並嘗試將富文本編輯器的所有介面和功能載入到手機 Chrome 中。

風險與注意事項

  • 風險自負： CKEditor 官方停用移動端支援是有原因的：可用性（Usability）。

  • 可用性問題： 雖然編輯器能順利顯示並且可以輸入，但您可能會發現某些工具列按鈕太小、難以觸摸，或者彈出對話框（例如插入連結或圖片的對話框）在小螢幕上佈局混亂。手機端的觸控事件處理也可能不如桌面端靈活。

  • 強烈建議升級到 CKEditor 5： CKEditor 5 是完全從零開始構建的現代編輯器，它原生就對手機端（包括 Android Chrome）提供了極佳的兼容性和響應式設計支援。如果您希望在手機上提供完美的編輯體驗，將現有項目從 CKEditor 4 遷移到 CKEditor 5 是最終且最佳的解決方案，而不是手動開啟 V4 的實驗性支援。

0988-01.jpg

文件資訊：
歷史版本明細：
序 版本 建立日期 最後修改日期 版本說明 狀態
1 1.00 2026/05/22 - 11:46:57 2026/05/22 - 11:55:15 OK
引用來源：
MVC （ 04 ）