[Steem Markdown Design Tool 2편] 자기가 원하는 이미지를 마음껏 추가하고 두고두고 편하게 쓰자...!!(안쓰고는 못 배김!! 대문 쓰는 분들 필수!!)

in #kr8 years ago

안녕하세요, 해피베리보이입니다...!!!

어제 글의 호응이 좋아서 하루만에 기능 업그레이드로 돌아 왔습니다..!!!
어제 완전 열코딩을 했더랬죠..!!!

그래서 추가된 기능은 바로바로......



이제 본인이 자주 사용하시는 이미지를 추가/삭제 할 수 있습니다. !! 빠밤!! (이모지, 쌍따옴표가 없는 HTML, GIF 도 사용가능)





먼저 크롬앱을 설치 하는 방법은 1편에서도 보실 수 있지만, 한번 더 동일내용 붙여 넣겠습니다.
Steem Markdown Design Tool 1편

(이미 설치 하신 분들은 자동으로 업그레이드 되어 있어요..^^)





설치방법


  1. 크롬이어야 합니다.!! 또는 웨일브라우저도 가능합니다.(크롬 기반 브라우저는 가능)
  2. https://chrome.google.com/webstore/search/steem%20markdown?hl=ko << 크롬 웹스토어 클릭(위험한 곳 아녀요!!) [현재 버전은 1.1.3 입니다.]
    Original image no longer available
  3. "CHROME에 추가"를 클릭!! 하여 설치합니다.(저는 이미 설치가 되어 있어 평가하기가 보이지만, 설치 이전에는 파란색 버튼이 보입니다.)
  4. 설치가 끝나면 우측 상단에 아이콘이 나타납니다. 일단 설치는 완료 되었습니다.
    Original image no longer available





본인 자료 추가/삭제 사용법


  1. 먼저 등록하고 싶은 이미지(GIF, 이모지, HTML 등)의 주소를 복사합니다.(웹브라우저에서 떠도는 이미지들은 아래 그림처럼 이미지 위에서 마우스 우클릭을 하고 이미지 주소 복사를 하시면 사용가능합니다.)
    Original image no longer available

  2. 크롬 우측 상단에 설치된 Steem Markdown Design Tool을 클릭합니다.
    Original image no longer available

  3. 조금 전 복사한 이미지 주소를 Input Your Src 부분에 붙여 넣고 우측 Add 버튼을 클릭합니다.
    Original image no longer available

  4. Add를 누른 후에 바로 창이 닫히는데, 다시 열어 보시면 조금전 등록한 이미지가 추가 된 것을 보실 수 있습니다.
    Original image no longer available

  5. 이미지 외에 GIF/쌍따옴표가 없는 HTML(쌍따옴표 있는 경우는 조금 더 개발 된 후에 적용가능)/이모지 등도 입력이 가능합니다.
    Original image no longer available





글 작성 시 사용법


  1. 글을 작성하러 가봅니다...!! 현재 지원하는 사이트는 steemit.com, steemkr.com, busy.org 세개입니다. 추가로 본인이 쓰시는 특정 사이트가 있으시다 하시는 분은 댓글남겨주세요.
  2. 크롬 우측 상단에 설치된 Steem Markdown Design Tool을 클릭합니다.
  3. 추가 하시고 싶은 이미지 우측의 Add를 클릭하시면 글작성란에 해당 내용이 추가가 됩니다.(엔터한번 쳐주셔야 아래쪽에 Preview 적용되요 ㅠㅠ)
    Original image no longer available





앞으로의 개발 계획


  1. 본인이 자주 쓰는 이미지 메뉴얼로 등록 및 사용(완료)
  2. 쌍따옴표 HTML 도 추가 및 사용 할 수 있도록 개발
  3. 등록된 이미지 순서 변경 기능 추가
  4. 백업 및 재로드 기능 추가
  5. 기타 요청 들어오는 내용들 ^^

추가기능설명 및 참고사항


  1. Input Your Src 우측 Init 버튼을 클릭하면 크롬앱을 설치한 최초 상태로 돌아 갑니다.(구분선만 등록된 상태)
  2. 이미지들 우측에 Del은 직감적인 이미지 삭제기능이 맞습니다..!!
  3. 브라우저에 이미지 데이터를 저장합니다.
  4. 브라우저를 새로 설치 하는 경우 초기화 됩니다.
  5. 추후 저장하고 불러오기 기능 추가 할 예정입니다.





아직 다양한 스크립트를 테스트 해보진 못해서 버그가 있을 순 있습니다.
버그로 인하여 기능이 정상적으로 작동하지 않으면 Init 기능으로 초기화 후 다시 사용하시면 됩니다.
다양한 버그 내용들을 공유해주시면 앞으로의 개발에 많은 도움이 될 것 같습니다.

항상 글을 쓰실 때 대문을 사용하시는 분들이나, 자주 사용하시는 이미지가 있는 분들에겐 제 생각엔 아주 편한 기능이 되지 않을까 생각이 됩니다.
아무쪼록 많은 분들에게 도움이 되길 바라며... 맛있는 것 많이 드시고 진짜 매우 즐거운 주말 되시길 바랍니다..!!

글쓰다가 찾은 웃길 짤..

Sort:  

저도 첨에 글을 넣는 방식으로 했는데 사라지기도 하고 그래서 ...

그냥 클립보드에 붙여 넣는것도 생각해 보시면 좋을거 같아요

버튼 누르면 클립보드 복사되도록여 ...

unnamed.jpg

저도 요즘 이거 저거 만드느라 크롬 확장팩은 손 놓은 상태라 T_T

멋진 개발은 @칭찬해 / 더 멋지게 함 만들어 주세여 ㅎㅎ

개인적으로 만들었음 좋은것들

  • 태그 : 개별 태그 입력, 태그기준 검색 ( chrome의 stroage 나 localstorage 이용)
  • 탭 : 카테고리 기준으로 분류, 카테고리 추가 삭제 기능

뭐랄까 입력과 검색을 손쉽게 하면 나중에 짤 찾을 때 넘 좋을거 같아요 ... 짤도 많이 쌓이다 보면 못찾아서 못쓰는지라 ㅜㅜ 나중에는 그냥 구글 검색으로 끌어다써서리 ㅎㅎ

와우..!! 좋은 댓글 감사합니다!!
원사마님은 다방면으로 많은 개발을 하시는군요..!! ㅎㅎ
위에 화면은~ 어디서 작동하는 화면인건가요?? ㅎ 개발중인건가요?

1달 전 즈음에 만들었네요 ㅜㅜ 방치 ㅋㅋ

왜 방치인가요~~ ㅎㅎ 따로 글쓰는 툴을 만들고 계셨던거?? ㅎㅎ
하긴 뭐 방치라기 보단 다른 개발을 워낙에 많이 하시니 말이죠~~
뭐든지 응원합니다!!

살포시 하나 제안드리고 싶은게 마크다운으로 만든 포스팅 전체 템플릿도 동일한 방식으로 가능하지 않을까 합니다. 그걸 통해서 이미지와 선을 자유롭게 툴로 교체하는 방식으로용 ㅎㅎ

아하.. 마크 다운 전체라... 가능할것 같아요~~
일단 HTML 속에 쌍따옴표 부분 처리 하는 부분만 되면 안될것도 없을 듯 해요~ ㅎㅎㅎ
이것저것 테스트 해보는 중입니당 ㅎㅎ

오오...능력자..!!! (항상 보면 본인들 포맷이 있는 경우가 있더라구욤 ㅋㅋ 저 같은 경우 atom에 포맷 저장하구 쓰고 있긴하지만 익스텐션으로 하면 더 좋을 듯 해염+_+)

@happyberrysboy님 안녕하세요. 깜지 입니다. @umkin님이 이 글을 너무 좋아하셔서, 저에게 홍보를 부탁 하셨습니다. 이 글은 @krguidedog에 의하여 리스팀 되었으며, 가이드독 서포터들로부터 보팅을 받으셨습니다. 축하드립니다!
끝내주는 @happyberrysboy님 안녕하세요! 개대리 입니다. 감동적인 @wonsama님 소개로 왔어요. 칭찬이 아주 자자 하시더라구요!! 짱재밌는 글 올려주신것 너무 감사해요. 작은 선물로 0.4 SBD를 보내드립니다 ^^

(jjangjjangman 태그 사용시 댓글을 남깁니다.)
[제 0회 짱짱맨배 42일장]2주차 보상글추천, 1주차 보상지급을 발표합니다.(계속 리스팅 할 예정)
https://steemit.com/kr/@virus707/0-42-2-1
현재 1주차보상글이 8개로 완료되었네요^^
2주차에 도전하세요

그리고 즐거운 스티밋하세요!

아...아...아...
이케 좋은 기능이야 ㅎㅎ

저는 죽어라 하고
폰으로 글을 쓸래요
왜냐면....

뷔밀

아하.. 폰으로 그렇게 길게.. 테이스팀도요?? ㅎㅎㅎ
그렇군요.. 폰 용은... 어떻게 해야하지.. ㅋㅋㅋ 쉽지 않군요 ㅎㅎ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??
그리고 앱은 어떤걸 쓰시는지요? 크롬? 사파리? esteem?

오오 gif도 되는건가염?? 이러다가 마크다운용 에디터가 하나 탄생할 것 같습니다 +_+

넵~ gif도 됩니다~ ㅎㅎ 자꾸 기능을 넣어 봐야 겟어용~ ㅎㅎㅎ

크흐~~ 능력자님+_+ gif 발굴해서 저장좀 해야겠어영 ㅋㅋㅋ

혹시 써보셨나용?? 아직 다른 분들이 쓰는건 보질 못해서요 ㅎㅎㅎ

써보고 있지염+_+ ㅋㅋㅋ

빠빰~~ ㅎㅎ 저도 잘 사용하겠습니다^^

네넵!!! 필요하신 기능 있으시면 알려주시어요!!! ㅎㅎ

와... 진짜 유용하네요! 대박!
전 대부분 폰으로 쓰는데 모바일은 안되려나요?^-^;;

ㅠㅠ 모바일은.. 크롬앱이 안될텐데 말이죵 ㅠㅠ
웹스토어 쓸수 있게부터... ㅎㅎ
한번 연구해봐야겠네요 ㅠㅠ ㅋ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??
그리고 앱은 어떤걸 쓰시는지요? 크롬? 사파리? esteem?

지속적인 개발 감사합니다. PC가 생긴다면 반드시 사용하겠습니다!

PC가 생긴다면.. 이라니요..!! ㅎㅎ
그러면 지금까지 포스팅은 뭘로 하신건지요?? ㅎㅎ

주로 스마트폰과 도서관 컴퓨터를 사용했습니다.ㅠㅠ

아하.. 그렇군요 ㅠㅠ
도서관 컴퓨터에 설치 고고..!! ㅋㅋㅋ

jsj님도 그렇고... 스마트폰 포스팅이라니.. 저는 오타가 많아서 힘들더라고요 ㅠㅠ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??
그리고 앱은 어떤걸 쓰시는지요? 크롬? 사파리? esteem?