VSCode

VSCodeでマークダウンを編集するときに制御文字が出てくる問題を解決する方法

はじめに

環境がMacでエディターがVSCodeのとき、マークダウンを編集してると下記の画像のような制御文字が混ざりこんでしまうことがあります。

image

なので制御文字がでないようにVSCodeで設定したことをここに書いていきたいと思います。

1. editor.renderControlCharactersを削除する

settings.json

"editor.renderControlCharacters": true,

と書いてあげることでVSCodeに制御文字を表示することができるので、どこに制御文字があるか分かります。
ただ、今回は制御文字を自動的に削除していきたいので、settings.json

"editor.renderControlCharacters": true,

の記述がある人は削除してください。
(settings.json"editor.renderControlCharacters": true,がない場合は1の手順はスキップしてください)

2. Remove backspace control character をインストールする

https://marketplace.visualstudio.com/items?itemName=satokaz.vscode-bs-ctrlchar-remover

VSCodeの拡張機能からRemove backspace control characterをインストールしてください。

Remove backspace control characterをインストールすることで、制御文字を削除することができる設定ができます。

3. 保存時に制御文字を削除する設定をする

Remove backspace control characterの日本語ドキュメントにもありますが、settings.jsonに以下の記述を追加したら、保存時(command + s)に制御文字を削除します。

"editor.formatOnSave": true

以上の設定で保存するたびに制御文字が削除されるので、スムーズにマークダウンで記述をすることができます。

参考

Remove backspace control character
vscode-bs-ctrlchar-remover README