はじめに
環境がMacでエディターがVSCodeのとき、マークダウンを編集してると下記の画像のような制御文字が混ざりこんでしまうことがあります。
なので制御文字がでないように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