網頁底色 - 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,取決於來源與編輯器的貼上處理方式 |