Emilyran
1 months ago
簡易好讀版製作工具

使用說明下收
latest #12
Emilyran
1 months ago
分段工具:

貼上文字後,會根據噗浪留言的字數限制計算並進行分段。也會建議調整分段方式應刪減的字數。為了保持段落的完整性,不會每次都剛好切在 360 字。

複製按鈕可以複製該段落,理論上貼到噗浪的留言框後就是可以留言的長度了。

https://imgs.plurk.com/QGh/aOV/0NVCGnGTht50PeGBSG0DWv5AbMO_lg.gif
Emilyran
1 months ago
組合工具:

目的是要組出好讀版,但實際上就是抓取所有噗文並把他們貼在一起而已。

首先在輸入框中,貼上想要做成好讀版的噗。網頁抓到噗文後就會產生選取框,讓你選擇哪一些留言要被貼在一起。做了三個篩選功能「只看噗主」、「只看骰點」、「顯示已選」

https://imgs.plurk.com/QGh/CNn/qIBgkoeVwgcx6RzxsHE5vxd3zYY_lg.gif
Emilyran
1 months ago
手機版因為版面小,所以有些呈現方式和桌面版不一樣。

比如在選取噗文的時候不會顯示全文,要點一下才會展開。

為了方便取消選取,不用一直展開下方選單,做了可以直接點選段落選擇要不要取消的按鈕。

https://imgs.plurk.com/QGh/8E6/kgsDqILYSradQPeDZdEUzgSbP5H_lg.gif
立即下載
Emilyran
1 months ago
比較複雜,或說差異有點不明顯的應該是三種複製格式,也許只有三種都複製看看才比較能理解到底有什麼不同……

當初設計的目的是 HTML 可以用來貼到吃 HTML 的部落格編輯器中。 Markdown 用來貼在 Notion。
最後又想到也許對使用者來說最直觀的是直接用滑鼠選取文字後的那個複製結果,所以做了複製文字。

複製文字基本上就是會把你眼睛看到的東西都複製起來,包含圖片、骰子的圖片(如果像是記事本等不能讀圖片的程式軟體,圖片就不會顯示,只會複製到純文字)。貼到 Notion 或是其他文件的時候,圖片總是會自己一行。我不太喜歡這個方式,所以我會使用 Markdown。
Emilyran
1 months ago
桌面版因為版面很大,所以就不做快速取消選取,改成點選右手邊的段落,左手邊區域會滾動到那附近。但在平板上好像有點壞掉……

https://imgs.plurk.com/QGh/5iT/RwXjdZx13FTwZDfjL1A1yYSe8HD_lg.gif
Emilyran
1 months ago
所有的樣式外觀(顏色、字大小、段落間距等)都只存在於這個網站上,不論是複製哪種格式,貼到其他網站時會變成該網站自己設定的樣式。
例如:在這個網站上看到超連結是藍色或咖啡色,貼到 Notion 後,Notion 的連結樣式是灰字略粗+底線。

尤其文字大小跟間距,不同網站呈現起來真的都不太一樣……目前複製出來的格式都先以我自己的習慣為主,未來如果有收集到更多資訊再看看需不需要調整,或是如何做得更通用一點。
Emilyran
1 months ago
關於複製文字、複製 Markdown、複製 HTML 三者有什麼具體差別:

1. 當噗文只有文字的時候,基本上複製文字和複製 Markdown 沒有差別。HTML 就是 HTML 程式碼,可以被放在網頁裡使用,我知道有些部落格或是 wordpress 之類的地方會允許使用者貼 HTML 程式碼。
https://images.plurk.com/2DUDaUFHt78u9La0gPNNem.png
Emilyran
1 months ago
2. 當噗文裡有圖片、表符的時候(有斜體、粗體、刪除線也能觀察到不同)就能明顯看出複製文字和複製 Markdown 有什麼不同。複製文字的時候會把圖片當圖片複製,而 Markdown 會把圖片換成語法,骰子經過我的設定會換回原本的噗浪用語法。

貼上的時候也能感覺出不同。如果是使用複製文字,貼到 word 的時候,因為 word 可以顯示圖片,所以貼上就能看到圖片,但如果是貼到記事本,因為記事本不能顯示圖片,所以就只會貼上純文字的部分。
https://images.plurk.com/6qDpizth5BZkldY1oWz5Vi.png
Emilyran
1 months ago @Edit 1 months ago
新增簡易編輯及儲存功能:對已選留言連點兩下或是右鍵下拉選單開始編輯

1. 將編輯紀錄及選擇過的留言紀錄在瀏覽器。下一次用連結取回曾經選擇過、編輯過的噗文時會呈現出上一次紀錄的樣子
2. 可分別記錄多則安價噗
3. 可將瀏覽器中的紀錄刪掉:分為全部刪掉,或是只刪掉某則噗文的編輯紀錄

https://images.plurk.com/67B1Q9aov2NKLmVGXXMVi.gif
Emilyran
1 months ago @Edit 1 months ago
新增可將網頁下載成桌面應用程式的選項。在手機上使用會比較方便,安裝至手機後就不用每次都要打開 chrome 尋找網頁。

理論上進入網頁後會自動詢問要不要安裝。若無,可在手機瀏覽器右上角三個點的選單中找到「新增到主畫面」的選項。

https://images.plurk.com/7Jq0xOwwnHuBbvDGN8NJTd.jpg
Emilyran
1 months ago
發現手機複製文字和網頁複製文字的結果不同,手機有機會沒辦法複製斜體粗體等樣式。目前調查原因為瀏覽器本身限制,可能暫時無解。
Emilyran
2 weeks ago
新增篩選骰點的功能(只有桌面版):在骰子的圖案上點滑鼠右鍵會出現選單,根據骰子不同可以快速找到同骰、大小(數字類骰子)、輸贏(猜拳骰)的留言。

由於每位安價主使用骰子的方式百百種,這個功能只是一種小小的輔助。並不能完全適用所有安價噗。

https://imgs.plurk.com/QGi/7bY/EFd5orvhWl4VZCXP0SZAUSpcbd8_lg.gif
https://imgs.plurk.com/QGi/nF7/rNViffr6RkekqUn62H5iMERTNyN_lg.gif

同時,在桌面版右側文章部分新增取消選取的右鍵選項。gif 示範了我想像中的使用方法。
back to top