ATOM 오류를 일으키는 깨짐을 시각화합니다.

최근, Mac의 ATOM으로 코딩을 하고 있으면, 비가시 문자가 입력되어 버려 에러로 되게 되었습니다.
slack에서도 문자 화목 대상이 되는 두부 문자에 의한 것이라고 생각됩니다.
ATOM에서 특정 문자를 강조하고 싶다는 것이 이번 목적입니다.

아래의 방법으로 에러의 원인의 문자를 가시화할 수 있도록(듯이) 했습니다.

보이지 않는 문자를 시각화하기 위한 플러그인 설치

show-ideographic-space 설치.
(전각 스페이스를 가시화해 주기 위한 플러그인. 매우 편리.)
이쪽의 플러그인의 내용을 가필해 두부 문자를 가시화해 갑니다.
※수정 파일의 백업은 각자 취하도록 해 주세요.

플러그인의 파일을 수정.

수정 파일은 두 가지입니다.

~/.atom/packages/show-ideographic-space/lib/show-ideographic-space.coffee

'':
  type: 'highlight'
  class: 'tofu'

show-ideographic-space.coffee의 10번째 줄당 문자 charMap 내용에 위를 추가합니다.
'' 안에 오류의 대상이 되는 문자를 붙여넣습니다.

~/.atom/packages/show-ideographic-space/styles/show-ideographic-space.less

atom-text-editor, atom-text-editor::shadow {
  .highlight.tofu {
    .region:after {
      color: #800000;
      content: 'X';
      background-color: #CCCCCC;
    }
  }
}

맨 아래에 위를 추가합니다.

Atom을 재기동함으로써 두부 문자가 하이라이트 및 X라는 문자가 들어가게 되어 있습니다.

Atom상에서는 이런 외형이 됩니다.

이상이 됩니다.
그 중 ATOM측에서 수정될까 생각합니다만 잠시 대응으로서 참고가 되면.

참고 기사
htps : // 하고 싶다 l. 코m/쿠에 s치온 s/39267