文章 開發筆記

【Debug】Ace Editor 輸入游標位置沒有對齊文字

最近在做專案時發現Ace Editor會有輸入游標無法與目前文字對齊的狀況,經過在網路上查詢後我找到了解決辦法,所以今天來跟大家分享一下。

The Walking Fish 步行魚 頭像

· 217 字 / 閱讀時間: 1 分鐘 · 75

文章 【Debug】Ace Editor 輸入游標位置沒有對齊文字 的特色圖片

狀況概述

最近在做 Side Project 時發現 Ace Editor 會有輸入游標無法與目前文字對齊的狀況,如下圖所示:

可以看到這張圖片在右側的部分,新輸入文字的位置,已經與原本文字的位置有一段距離。並且偏移的位置可能是偏左也可能是偏右。如以下這張圖就是偏左:

事件原因 & 解法

這邊大家可能會看到我使用了個特別的字體,整件事情就跟字體有關。

經過我查詢後,發現 Ace Editor 只能接受等寬字體(Monospaced Font),所以在將字體修改後

1
2
3
#editArea *{
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

便可以恢復正常

分享這篇文章

暱稱
郵箱
網址
0/500
  • OωO
  • |´・ω・)ノ
  • ヾ(≧∇≦*)ゝ
  • (☆ω☆)
  • (╯‵□′)╯︵┴─┴
  •  ̄﹃ ̄
  • (/ω\)
  • ∠( ᐛ 」∠)_
  • (๑•̀ㅁ•́ฅ)
  • →_→
  • ୧(๑•̀⌄•́๑)૭
  • ٩(ˊᗜˋ*)و
  • (ノ°ο°)ノ
  • (´இ皿இ`)
  • ⌇●﹏●⌇
  • (ฅ´ω`ฅ)
  • (╯°A°)╯︵○○○
  • φ( ̄∇ ̄o)
  • ヾ(´・ ・`。)ノ"
  • ( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
  • (ó﹏ò。)
  • Σ(っ °Д °;)っ
  • ( ,,´・ω・)ノ"(´っω・`。)
  • ╮(╯▽╰)╭
  • o(*////▽////*)q
  • >﹏<
  • ( ๑´•ω•) "(ㆆᴗㆆ)
  • 😂
  • 😀
  • 😅
  • 😊
  • 🙂
  • 🙃
  • 😌
  • 😍
  • 😘
  • 😜
  • 😝
  • 😏
  • 😒
  • 🙄
  • 😳
  • 😡
  • 😔
  • 😫
  • 😱
  • 😭
  • 💩
  • 👻
  • 🙌
  • 🖕
  • 👍
  • 👫
  • 👬
  • 👭
  • 🌚
  • 🌝
  • 🙈
  • 💊
  • 😶
  • 🙏
  • 🍦
  • 🍉
  • 😣
  • 颜文字
  • Emoji
  • Bilibili
0 則留言
沒有留言