LoginSignup
6

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-10-06

はじめに

環境が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 をインストールする

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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6