編輯器介紹與教學

更新於 私密發佈閱讀時間約 5 分鐘

編輯器教學更新時間:2020/12/20

  • 還不是方格子的作者嗎?點此:申請成為作者
  • 若你已經是方格子的作者,只要使用電腦登入方格子,就能在右上角看到「開始寫作」的按鈕了。
    *小提醒:因尚未開放手機寫作,請用電腦登入,才能看到「開始寫作」按鈕

方格子的編輯器簡單、容易上手,保留最核心的功能,沒有過多的格式、大小、字元、顏色,維持一致的閱讀體驗,讓讀者能夠更加專注在你精彩的故事與內容上。

除了有常用的粗體、斜體、底線、刪除線、標題(H2與H3)等功能外,方格子的編輯器還有一些貼心的小設計,例如關燈寫作功能。此外,我們也在持續努力優化並推出更多完善的功能。

方格子編輯器有3個部分:

  • 左側功能欄:包含調整文章體例功能,例如標題大小、文字置中等
  • 插入功能列:讓文章錦上添花的功能,例如插入圖片、嵌入網頁等
  • 反白功能列:改變文字樣式的功能,例如粗體、斜體、建立連結等

不用擔心找不到,接下來會一一為你介紹~


左側功能欄

只要點擊「開始寫作」打開編輯器,就可以在左側看到這一條!

只要點擊「開始寫作」打開編輯器,就可以在左側看到這一條!

  1. 切換標題大小:可變換三種字型尺寸(大、中、一般)
    可以利用三種尺寸的字形,建立大標、小標,輕鬆地將文章分段。
  2. 引言:共有兩種引言格式,可自由挑選
    善用引言來凸顯文章中的重點語句,也能讓讀者更瞭解文章的亮點。
  3. 置中:可將文字置中
  4. 數字項目符號:可使用1,2,3⋯來條列內容
  5. 圓點項目符號:可使用「・」符號來條列內容
  6. 關燈:長時間寫作時,可以讓眼睛更舒適,減少螢幕光害
    善用關燈功能,為長時間盯著螢幕的自己製造最舒適的創作環境!


插入功能列

將游標移到新段落處,「+」就會出現了,點開「+」後會出現5個功能鍵。
*小提醒:找不到「插入編輯器」的話,別太緊張,按下Enter鍵或將游標移到新段落處,「+」就會出現了。

插入功能列總共有5個功能

插入功能列總共有5個功能


1. 插入圖片/gif檔:可以從你的電腦中上傳你想插入的圖片或gif檔
插入圖片後,只要點選圖片,圖片上方就會出現「圖片設定工具」:除了三種圖片版型(文繞圖、置中、圖滿版)供你挑選,也可以選擇將圖片霧化、或是刪除這張圖片。

如果你的圖片有點殘忍、血腥、兒童不宜,或是你想製造一些驚喜感(例如不想爆雷),可以使用「圖片霧化」功能,這樣你的圖片就會被霧化,讀者需要先點擊圖片,才能看到清晰完整的圖片內容。

此外,適時在圖片下方撰寫圖片文字敘述(即圖說),可以幫助讀者更了解圖片的重要。(圖說也能插入超連結哦!歡迎在圖說中放入圖片來源或延伸閱讀的網址)

raw-image

2. 插入Youtube影片:貼上Youtube網址,即可插入影片

3. 插入免費圖庫:可以透過Unsplash提供的免費圖庫服務,為文章插入美麗圖片,省去找圖的麻煩(教學文章:如何替文章找到好看又免費的插圖)。從免費圖庫插入的圖片,也可以使用「圖片設定工具」喔!

4. 嵌入:如果你想把某個網址直接放在文章中,可以使用這個功能,讓網址美美地呈現。為了將網址轉換成美美的樣子,此功能的反應可能會慢一些,麻煩你耐心稍待了。使用範例:

  • 如果把一段網址直接貼在文章中,會醜醜的,如:https://vocus.cc/
  • 如果使用「嵌入」功能則會變成這樣,很美吧:


5. 插入分隔線:可以在文章中插入分隔線!(立刻插入分隔線做範例!)


反白功能列

如果你想對某些文字進行更細微的編輯,請先選取(反白)目標文字,就能看到更多功能鍵,不論是文章內文、還是圖說都可以使用喔!

反白功能列總共有5個功能!

反白功能列總共有5個功能!

以下是這些功能的介紹:

  1. 粗體:讓文字加粗
  2. 斜體:讓文字變為斜體
  3. 底線:為文字加上底線
  4. 刪除線:為文字加上刪除線
  5. 常用標點符號:可插入共8種常用符號
  6. 插入超連結:可插入超連結

再跟你講兩個方格子編輯器的重點!

重點:所見即所得,寫完文章不用再預覽啦!

所見即所得的意思是,作者在編輯頁面所看見的畫面,等同於文章發布後讀者所能看到的樣子。讓作者不需「預覽」,就能即時調整文章樣貌。

重點:即時儲存

編輯器提供了即時儲存的功能,每當內容有了變動,編輯器便會每10秒自動儲存一次。儲存完成後,會在編輯器的左上方顯示「請放心,內容已自動儲存」(如下圖)。寫到哪裡就儲存到哪裡,讓寫作變成一件更加舒服的事情。

及時儲存的擴充功能:編輯版本回覆

左上方顯示「請放心,內容已自動儲存」,代表文章內容已即時儲存

左上方顯示「請放心,內容已自動儲存」,代表文章內容已即時儲存


都已經完成編輯了嗎?接下來就要發佈文章了!

緊接著看看準備發佈工具的更多細節!


以上是編輯器教學,如果在使用的過程中有任何需要,都歡迎寄信至以下信箱,將有小幫手為你解惑哦!
support@vocus.cc

會使用編輯器了,但想讓文章的排版更進一步嗎?歡迎參考編輯教學:
方格子編輯分享:讓文章更易讀的排版技巧
留言
avatar-img
留言分享你的想法!
CHICAGO-avatar-img
2022/05/22
您好,您說youtube可以隨插即用,可是我複製了連結貼上後,卻只有一個很呆萌生硬的網址而已,並沒有出現youtube的影片,能不能麻煩您抽空教學。
您好,2022年1月開始,使用"嵌入"網址的功能,不能成功擷取該網頁縮圖(原本會有截圖的地方,變成一塊空白),請問如何排除?
Sunny-avatar-img
2021/12/31
您好: 我已申請成為作者了,我也看得到"開始寫作"的按鈕,不過我點進去後,系統就一直沒有反應,不知這是什麼原因呢? 感恩。
Carol_w-avatar-img
2021/12/24
請問, 如何加標籤# ? 謝謝您
郁儒욱유-avatar-img
2021/11/26
請問為什麼在編輯文章時插入的圖片看起來都是正常的,結果正式發佈之後,圖片卻被拉長,整個比例失真?
方格子 vocus-avatar-img
方格子 vocus