【Vim 중증 환자에게 희소식】 웹사이트의 TextArea 내용을 터미널 상의 Vim에서 편집하는 방법

Vim 심각한 환자에게 좋은 소식



하루의 대부분을 터미널 혹은 Vim에서 보내는 사람은 점차적으로 손가락의 움직임이 Vim 키 바인딩으로 침해되어 갑니다.

Vim 사용은 누구나 반드시 다음과 같은 증상으로 고생하고 있을 것입니다.
  • 엑셀을 사용했을 때, 어느 시점에서 jjj 나 kkk와 같은 문자가 셀에 입력되고 있었다
  • 브라우저에서 위아래로 이동할 때마다 j 또는 k를 입력하십시오.
  • 웹 사이트의 입력 양식에서 Vim 키 바인딩을 사용할 수 없게 좌절

  • 비공개뿐만 아니라 비즈니스상에서도 웹의 입력 양식에 커뮤니케이션 정보를 플롯하는 경우가 많다 최근(3)의 좌절은 조금씩 정신을 엿볼 것입니다.

    이것은 좋지 않다! 그렇다면 어떻게든 할 수 없는지 개선해 보았습니다.

    GhostText



    딱 맞는 플러그인을 만난다.

    다음과 같은 시스템 구성에서 Chorme 상에 표시되고 있는 TextArea 의 내용을 터미널 상의 Vim 에서 편집할 수 있는 것을 알았습니다.
    
    +-----------------------------+                       +----------------------------+
    | GhostText(Chrome Extension) | =[localhost:4001]=> | ghost-text.vim(Vim Plugin) |
    +-----------------------------+                       +----------------------------+
    
    

    Chrome 확장 인 GhostText가 서버가되어 Vim 플러그인 인 ghost-text.vim과 통신하여 TextArea를 편집 할 수 있다는 것.

    조속히 시험해 보았다.

    필요한 것


  • Chrome
  • Vim

  • ※자신은 수중에 Mac 밖에 없었기 때문에 시도할 수 없지만, Windows나 Linux에서도 움직이는 것은 아닐까요.

    설치



    GhostText (Chorme 확장)



    GhostText - Chrome 웹 스토어 에서 확장 설치

    ghost-text.vim (Vim 플러그인)



    GitHub - pandysong/ghost-text.vim: support for ghost-text in regular vim 보다.

  • dein.vm 을 사용하고 있는 경우는 이하의 1문을 .vimrc 에 기재해 두면 OK.
  • call dein#add('pandysong/ghost-text.vim')


  • websockets(Python3)



    pandysong/ghost-text.vim 의 페이지에는, Python3 의 websockets 패키지가 필요하다고 하는 기재도 있으므로, 이것도 인스톨.
    $ python3 --version
    Python 3.7.0
    
    $  pip3 --version
    pip 10.0.1 from /usr/local/lib/python3.7/site-packages/pip (python 3.7)
    
    $  pip3 install websockets
    Requirement already satisfied: websockets in /usr/local/lib/python3.7/site-packages (6.0)
    
    

    이미 설치되었습니다.

    기타


  • Vim의 지원에도 몇 가지 제약이 있었다.
  • python3 지원됨,
  • channel 지원됨,

  • % vim --version| grep -e python -e channel
    +channel           +iconv             +packages          -toolbar
    +comments          +libcall           -python            +viminfo
    +conceal           +linebreak         +python3           +vreplace
    

    다행히 모두 요구 사항을 충족했습니다.

    사용법





  • Vim 시작
  • 일반 모드 상태에서 :GhostTextStart 입력

  • TextArea가있는 페이지를 Chrome에서 엽니 다

  • GhostText 확장 아이콘 (오른쪽 상단)을 누릅니다

  • 이제 Vim에 TextArea의 내용이 표시됩니다. 편집하면 웹 페이지의 TextArea 값도 실시간으로 변경됩니다.

    좋은 웹페이지 즐겨찾기