Ace Editor를 사용하여 일본어 입력 시 깜박임 제거

2018/5 업데이트 해결 방법이 업데이트되었습니다.2018년 발표 이후(1.3x⇔63;)Ace 편집기를 사용할 때 다음 링크 주소를 확인하십시오.(42993 감사)
Ace Editor에 L SEP라는 단어(anopara)가 나타납니다.
앞으로 영입하려는 사람, MS를 싫어하지 않는 사람monaco-editor도 추천한다.연습하면서 도입한 기사가 여기 있습니다.
JSON의 비교, YAML이 좋다. WEB 도구(JS)는 "JSON → YAML"을 변환할 때 완전한 도피를 목표로 한다.
Ace1.2.6 버전은 다음 절차에 따라 해결할 수 있습니다 (//일 것입니다)

Ace Editor 소개

이것은 모두가 알고 있는 브라우저에서 실행되는 텍스트 편집기입니다.클라우드 9 클라우드 개발 환경을 위한 편집기여서 기능이 매우 높습니다.
상세 정보: https://ace.c9.io/

일본어 입력 중의 각종 문제

외국에서 만들어졌기 때문에 일본어에서 사용하는 IME(입력 보조 기능)는 예외로 보기 쉽다.환경에 따라 일부 변환 작업에서 Enter가 정하지 않는 한 미확정 문자가 반복되고 마음먹고 실행하지 못하는 경우도 많다.
최근 주요 문제는 해결됐지만 일본어를 사용할 때는 스트레스가 남아 있다.

일본어

IME 모드에서 키를 입력할 때마다 왼쪽으로 꺾이는 현상입니다.사각형 문자의 출현이나 사라짐으로 인해 마치 반짝이는 것처럼 보인다.
IME 제어에는 문제가 없지만 일본어를 입력할 때 스트레스를 받을 수 있습니다.

이전에는 글꼴을 지정하여 발생한 이벤트였으나 브라우저의 버전 업그레이드로 인해 현저하게 변경되었습니다.
시행·재현 환경 확인 가능

Ace1.2.6(당시 최신 빌딩,https://github.com/ajaxorg/ace-builds)

Windows 10(표준 IME)

Chrome, Firefox

사건과 대책

사각 문자의 정체는 [SOH(x01)] Start Of Heading의 제어 코드가 기종 종속 문자로 표시됩니다.

이 제어 코드에 해당하는 문자만 수록된 웹 페이지 글꼴(.woff), 물론 x01은 가로 0 입니다.

CSS 정의에서 글꼴 정의 및 덮어쓰기를 수행하여 해당합니다.
ace_ime_jp_font.css

  /* IME Fix */
  @font-face {
    font-family: 'ime_jp_rp';
    src: url('path/to/ime_jp_rp.woff') format('woff');
  }
  .ace_editor > .ace_text-input {
    padding-top: 1px;
    padding-left: 1px;
    letter-spacing: 1px;
    font-family: ime_jp_rp, Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
  }

※ CSS 적절히 조정
결과→현장 프레젠테이션 여기http://grepreptips.ltside.com/

요약 소스 코드

① 아래 글꼴 파일을 다운로드하여 임의의 공개 구역에 놓는다
http://grepreptips.ltside.com/ime_jp_rp.woff
(라이센스는 ApacheLicense(2.0) 기준)
② CSS를 통해 글꼴을 정의합니다.
ace_ime_jp_font.css

  /* IME Fix */
  @font-face {
    font-family: 'ime_jp_rp';
    src: url('path/to/ime_jp_rp.woff') format('woff');
  }
  .ace_editor > .ace_text-input {
    padding-top: 1px;
    padding-left: 1px;
    letter-spacing: 1px;
    font-family: ime_jp_rp, Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
  }

"path/to/ime jp rp.woff"는 ①에서 지정한 위치를 지정합니다.
※ CSS 적절히 조정
결과→현장 프레젠테이션 여기http://grepreptips.ltside.com/
지적이나 기타 문제가 있으면 저에게 알려주세요.(해결 여부는 별개다.)