網頁底色 - daniel-qa/Vue GitHub Wiki

改到的 5 個檔案: editorTools.js、BaseFixExamItem.vue,以及三個語系檔(zh-TW、zh-CN、en-US)

已驗證: 存檔保留底色、「無色彩」移除、語法檢查,都用 jsdom 測過了。

還沒驗證: 點色塊實際套上顏色。這一步要靠瀏覽器的 execCommand,jsdom 沒有,只能在瀏覽器測。


寫法 範例 常見來源
<mark> 標籤 <mark>文字</mark> HTML 標準的「標示」語意,瀏覽器預設黃底
span + background-color <span style="background-color: rgb(255, 255, 0);">文字</span> 最常見。Google 文件、一般網頁、wangEditor 內建的背景色按鈕
span + background 簡寫 <span style="background: yellow;">文字</span> Word 貼上(可能另外包含 mso-highlight)、部分網頁
整段底色 <p style="background-color: #fff3cd;">整段文字</p> 網頁提示框、引用區塊,從深色主題網頁複製時也常見
表格儲存格 <td style="background-color: #d9d9d9;"> 或 <td bgcolor="#d9d9d9"> Word、Excel、網頁表格
舊式 <font> <font style="background-color: yellow;">文字</font> 舊網頁、部分舊編輯器
CSS class <span class="highlight">文字</span> 網頁原本的寫法。複製時是否轉成 inline style,取決於來源與編輯器的貼上處理方式
⚠️ **GitHub.com Fallback** ⚠️