Slack에 회신 버튼을 추가하는 Chrome 확장을 만들었습니다.

5233 단어 슬랙ChromeAdventCalendarchrome-extension
Slack의 사양 변경에 추종하는 것에 마음이 부러졌기 때문에 공개 정지했습니다.
불편을 끼쳐 드려 죄송합니다.

이것은 Slack Advent Calendar 2016의 22 일째 기사입니다.

Slack을 사용하고 있고, 이런 불편을 느낀 적이 있습니까?
  • 특정 메시지에 회신하고 싶지만 회신 버튼이 없습니다 ...
  • 아무리 보완이 있다고는 할 수 있지만 @user-name
  • 신속하게 인용 할 수 없음

    • 이러한 문제를 해결하기 위해 Google 크롬 확장을 개발했습니다
    Chrome 웹 스토어에 게시하고 있으므로 ↓ 페이지에서 누구나 쉽게 도입 할 수 있습니다
  • Slack 회신 인용 버튼(Slack Reply and Quote Button) - Chrome 웹 스토어

    • 마음에 드시면 리뷰 부탁드립니다

    기능 소개



    다음 세 가지 버튼이 있습니다.
  • Mention 버튼을 사용하면 회신을 할 수 있습니다.
  • Reply 버튼을 사용하면 인용 + 회신을 신속하게 할 수 있습니다.
  • Quote 버튼을 사용하면 인용만 가능합니다.

    • 또한 문자를 선택한 상태에서 Replay · Quote 버튼을 누르면 부분 인용이 가능합니다.

    회신 버튼 / Mention Button



    Mention 버튼을 사용하면 회신을 할 수 있습니다.



    회신 + 인용 버튼 / Replay Button



    Reply 버튼을 사용하면 따옴표 + 답장을 빠르게 할 수 있습니다.



    인용 버튼 / Quote Button



    Quote 버튼을 사용하면 인용할 수 있습니다. 상대에게 통지를 날리지 않으려는 경우 Replay 버튼과 구분하여 사용합니다.



    부분 인용



    문자를 선택한 상태에서 Replay·Quote 버튼을 누르면 부분 인용이 가능합니다.



    Tips


  • Reply 버튼의 인용은 >에 의한 인용입니다
  • Reply 버튼 인용은 4 행 이상 또는 장식이있는 메시지의 경우 URL에서 인용됩니다
  • Quote 버튼 인용은 URL에서 인용됩니다

    • 소스 코드



    GitHub에 게시되었습니다. 무려 2건도 PR를 받았습니다! 고맙습니다

  • 편리한 부분 인용를 @kaneta1992 님에게 개발했습니다!

  • Reply 버튼 동작 개선를 @jm-factorin 님에게했습니다!

    • 확장을 좋아하면 스타 ! !

    개발 시 참고 정보



    이 확장을 개발할 때 다음 사이트를 참고했습니다. 감사합니다

  • 회신·인용 기능을 Slack에 추가해 보았다 그 3
  • Slack 측에서 정의한 메시지의 HTML을 생성하는 JavaScript 함수 (TS.templates.builders.buildMsgHTML)의 동작을 덮어 쓰는 기본 방침은이 방법을 참고로했습니다
    • .


  • Chrome Extension의 콘텐츠 스크립트에서 변수 격리에 해당합니다.
  • Chrome 확장 자바 스크립트 (ContentScript)는 페이지의 변수 또는 이벤트 처리기를 덮어 쓸 수 없으므로 여기에 소개 된 HTML <body> 태그 아래에 <script> 태그를 추가하여 코드를 실행한다고합니다. 방법으로 해결


    • 공식 사이트


  • Slack에 회신 및 인용 버튼 추가하기 Chrome 확장 | gam0022.net
    • 「좋아요」와 「스톡」의 위치를 ​​바꾸는 chrome-extension 만들었습니다!
    Google 크롬 확장 프로그램 개발 - 2 - 신속하게 제작 한 것에 추가

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage