跳至主要內容

使用手冊:編輯器操作指南從打開 /editor 到匯出第一份 PDF

Wypxital 編輯器的完整操作說明:格式化工具、版面設定、頁首頁尾、交叉引用,以及如何預覽與匯出 PDF。

最後更新
閱讀時間
約 9 分鐘
作者
柴犬米米

這是什麼

Wypxital 是一個「文本 → PDF」的瀏覽器端編輯器:左側是富文本編輯區(Lexical),使用者打字排版;按下「預覽 PDF」後,排版會在瀏覽器內即時編譯成 PDF(Typst 引擎),全程不經過任何後端伺服器——你的文件內容不會被上傳到任何地方。

目前是 PoC(概念驗證)階段:功能以「驗證瀏覽器端排版可行性」為主,還沒有帳號系統、雲端儲存或版本歷史,見下方已知限制

開始使用

從導覽列點「編輯器工具」,或直接前往 /editor。頁面分成三塊:

  • 頂部列:左邊是可點選編輯的檔案名稱(點一下就能改,不含副檔名),右邊是「載入測試內容」與「預覽 PDF」兩個按鈕。
  • 左側工具箱:格式化工具、版面設定、頁首頁尾設定,三區固定展開,不需要另外點開。
  • 右側編輯區:實際打字排版的地方,可獨立捲動。

不知道從哪裡開始最快?點右上角的「載入測試內容」——會塞入一份涵蓋標題、清單、表格、字級、程式碼區塊等所有功能的長文,直接照著改比從空白頁開始快很多。

編輯內容

基礎格式

工具箱最上面是格式化控制項,垂直分區排列(編輯/段落與文字/清單與插入):

  • 文字格式:粗體、底線、刪除線、行內程式碼(4 個切換按鈕)
  • 段落類型:一般段落、H1–H6 標題、引言、程式碼區塊、清單(下拉選單切換)
  • 字級:4 種尺寸(xssmlgxl),對選取範圍套用

也支援打 Markdown 語法即打即轉:**粗體**# 標題 這類寫法會在你打完後立刻變成對應的格式,不用滑鼠點工具列。

程式碼區塊

段落類型選「程式碼區塊」後,工具箱會多顯示一個語言下拉選單(16 種內建語言:C、C++、CSS、HTML、Java、JavaScript、Markdown、Objective-C、Plain、PowerShell、Python、Rust、SQL、Swift、TypeScript、XML),選好後該區塊會依語法自動上色。區塊內支援 Tab/Shift+Tab 縮排。

表格

插入表格後,選取儲存格可設定底色:純色色票,或切到「漸層」模式自訂起點色/終點色/方向(左到右、右到左、上到下、下到上),調整任一欄位即時套用。

圖片

插入的圖片直接內嵌存在文件裡(不是另外上傳到某個網址),寬度只有「小/中/滿版」3 個固定尺寸可選,不支援自由拖曳縮放。

插入符號與交叉引用

工具箱有「插入符號」按鈕,跳出一個依類別(箭頭/數學/標點/花色與圖形)分組的符號挑選面板;「插入交叉引用」則可以挑一個你已經下過標籤的標題、圖片或表格,插入一個會自動對應編號的引用(例如「詳見表 3」,表格編號若之後調整,引用會自動更新,不用手動改)。

手動分頁

想強制在某處換頁,用「插入分頁」——會在該位置放一個換頁標記,匯出 PDF 時該處會另起一頁。編輯畫面本身不會顯示分頁效果(見下方限制),只有匯出的 PDF 才看得到實際分頁結果。

儲存快捷鍵

Ctrl+S(Mac Cmd+S)目前只是攔截瀏覽器預設的「儲存網頁」行為,本身不會把內容存到任何地方——這個 PoC 階段還沒有持久化機制,離開分頁或重新整理內容就會消失,請自行複製重要內容到別處備份。

版面設定

工具箱中段是版面設定,比照 Word 的邏輯,這些欄位只決定「排版規則」,不是格式化你目前選取的文字:

  • 紙張尺寸
  • 頁面邊界(毫米)
  • 行距段落間距字距(皆為 em 單位)
  • 左右齊行 開關

調整後編輯區的視覺會盡量近似最終結果,但行距等少數欄位是近似換算,實際以匯出的 PDF 為準。

頁首頁尾

工具箱最下段可設定頁首/頁尾,各自最多 4 欄,每欄可自訂文字與對齊方式。文字輸入框內可在游標位置「插入」動態欄位:

  • {{page}} — 目前頁碼
  • {{totalPages}} — 總頁數
  • {{date}} — 日期

這些是純文字佔位符,實際數值由匯出時的 PDF 引擎即時算出並替換。

預覽與匯出 PDF

按頂部列「預覽 PDF」開啟預覽視窗,畫面會即時編譯排版並顯示結果;視窗開著時調整下列設定會自動重新編譯,不用重新點按鈕:

  • 文件屬性:作者、關鍵字(寫入 PDF 中繼資料)、「文件開頭插入目錄」開關、文件日期(預設帶入當下系統時間,可自行調整或按「重設」)
  • 頁面底色/浮水印:整頁底色、浮水印文字與不透明度

這兩組設定因為在編輯畫布上完全看不到效果,才刻意放在預覽視窗(能立即看到結果的地方),不是工具箱的疏漏。

已知限制

常見問題

Q:我可以用手機編輯嗎? 可以開啟,但排版工具偏多、操作面積偏小,建議用桌面瀏覽器 + 較寬的螢幕操作體驗較好。

Q:字型看起來跟預覽 PDF 不完全一樣? 編輯區的字型與間距是近似顯示,實際排版結果一律以「預覽 PDF」跳出的成品為準。

Q:可以匯入既有的 Word/PDF 文件嗎? 目前不行,Wypxital 是從空白內容或「載入測試內容」開始編輯,沒有既有文件匯入功能。