教學 · 文字 → HTML
把純文字變成 HTML 段落
文字直接貼到頁面裡會擠成一整塊,因為 HTML 不管你的換行。在瀏覽器眼裡,連著的空白一律算一個空格。
兩條規則決定了整個結果:空行分段,單個換行由你決定。別的都是從這兩條推出來的。
空行分段
兩塊文字之間空一行,出來是兩個 <p>。分段規則就這一條,跟三十年來所有純文字郵件的約定是一樣的。
一行裡只有空格或定位字元,仍然算空行。連著好幾個空行仍然只斷一次,不會出現空段落。
如果你的文字裡根本沒有空行,你會得到一個長段落 —— 這是對的,因為沒有可分的地方。轉換器發現這種情況會當場說明,而不是讓你過一會兒才發現。
First thought.
Second thought.<p>First thought.</p>
<p>Second thought.</p>單個換行:<br> 還是空格
段落裡面的單個換行有兩種去處,選哪個完全看這段文字是什麼。
行末本身有意義的,保留成 <br>:地址、詩、簽名檔、歌詞。被舊編輯器按 72 欄硬折過的散文,讓它自己流 —— 換行變成空格。那種情況留成 <br>,你會得到一段右邊參差不齊、在手機上還不會重排的文字。
12 Bridge Street
Manchester<p>12 Bridge Street<br>
Manchester</p>把裸網址變成連結
開了自動連結之後,以 http://、https:// 或 www. 開頭的都會變成 <a>。電子郵件地址變成 mailto: 連結。
比對是刻意收窄的。裸寫的 example.com 不會變連結,因為沒辦法把它和一句以檔名結尾的話、或者一個帶點的縮寫區分開。那兒猜錯就是造出一堆指向虛無的連結。
結尾的標點不算在連結裡,所以句末的網址不會把句號一起吞掉。連結帶 rel="noopener nofollow",也不會在新分頁打開。
純文字說不清的事
這兒的東西全都變成段落。沒有別的輸出形式,而這是輸入本身的性質,不是功能上的欠缺。
一行以連字號開頭,你看著像清單,但它就是一個連字號加一個空格。底下用等號劃一行,你看著像標題,但它就是一排等號。猜錯的次數會多到比不猜更糟。
所以:沒有清單,沒有標題,沒有程式碼區塊。縮排作為字元保留下來,但在瀏覽器裡會塌掉,也就是說 ASCII 表格和縮排的程式碼出來會擠成連成一片的文字。如果你的文字其實是 Markdown,用 Markdown 那一頁 —— 在那兒這些約定是有意義的。
有一件事你不用操心
角括號、&、引號全部轉義,一個不留。文字裡的 <b>bold</b> 會在頁面上原樣顯示這幾個字元,而不是變粗。
這是這個工具的定義,不是外加上去的一道安全措施。純文字就是純文字:要是它能含標記,它就不叫純文字了。
貼上文字或者拖一個 .txt 進來,選好單個換行怎麼處理,把 HTML 複製走。全程在你的瀏覽器裡跑。
文字 → HTML