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

in #kr6 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 입니다.]
    image.png
  3. "CHROME에 추가"를 클릭!! 하여 설치합니다.(저는 이미 설치가 되어 있어 평가하기가 보이지만, 설치 이전에는 파란색 버튼이 보입니다.)
  4. 설치가 끝나면 우측 상단에 아이콘이 나타납니다. 일단 설치는 완료 되었습니다.
    image.png





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


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

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

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

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

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





글 작성 시 사용법


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





앞으로의 개발 계획


  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 이용)
  • 탭 : 카테고리 기준으로 분류, 카테고리 추가 삭제 기능

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

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

https://steemit.com/kr/@wonsama/5wkd9y

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주차에 도전하세요

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

와 근데 저는 스팀잇 이웃분들은 글에 하나같이 정성들 많이 들이셔서
다 PC로 하시는 줄 알았는데 모바일로 작성하시는 분들도 많군요.

그러게 말이예요....
저는 포스팅 한두번 모바일로 했다가 다시는 안했는데 말이죠...
오타작렬... 아이패드로 하시려나... ㅎㅎ

좋은 기능이네요!!! 뉴비로써 힘든 부분 중에 하나가 글쓰기였는데 좋은 기능 감사드립니다.!! 실례가 안된다면 스팀헌트에 올렸으면 하는데 직접 올리시는게 나으실것 같아 스팀헌트에 글쓰시는것을 추천 드립니다!! 제가 써도 되면 제가 쓰고 싶긴 하다만...ㅎㅎㅎ 팔로우 하고 갈게요. :)

아하.. 스팀헌트는 생각 해본적이 없었네요.. ㅎㅎ 예전에 1등도 한번 먹어본적이 있었는데도 말이죠;;
으흠... 한번 올려보도록 해봐야겠네요.. ^^
감사합니다..!!

PC보다는 모바일로 글을 쓰는분들이 많을텐데~~ 모바일도 만들어 주세욤^^
1524021105779.gif

아... 모바일로 글 쓰는 분들이 그렇게 많은가요..?? ㅠㅠ
글쓰기는 모바일로는 이미지 넣기 이런것들 때문에 저는 많이 힘들던데 말이죠..

으흠... 모바일로 하려면 근데 앱자체를 제작해야하다보니.. ㅠㅠ
모이또에 넣어달라고 해봐야겠네요 ㅎㅎㅎ

저는 지금까지 폰으로만 모든걸 다 작성해서 pc가 익숙하지 않습니다.
폰으로 안되는게 없으니 스마트폰이 저의 사무실입니다.ㅎ

와~~~ 그렇군요 ㅎㅎ
저는 손이 고자인지 ㅠㅠ 오타가 ㅠㅠ

모바일 쓰시는 분들 공통 질문..!!!
이미지 등록은 어떻게 하고 계신가용??

모바일을 하면서 그게 제일 불편한 부분이었습니다.
저는 플레이스토어 esteem앱을 이용해 내 폰에 들어있는 이미지를 넣어 등록할 수 있었는데, 얼마전 업데이트 후 부터는 안되더라구요.
이미지등록이나 커버등록은 사진주소를 입력해야 하니 어쩔수 없이 pc를 사용해서 해야 가능합니다.

그렇군요... esteem 이라... ㅎㅎ 왜 기능을 빼버렸지...
서버비용이 부담이 됐느려나용.. ㅎㅎ
조만간 스팀시티의 모이또가 나오면 좀 편해질런지.. ㅎㅎ
생각해둔 방법은 있긴한데.. esteem으로는 안되구요~~
그냥 사파리나 크롬으로 해야하는데용~~ ㅎ
그래도 괜찮으신가요? ㅎ

이미지는 한번 해 놓으면 자주 바꾸지 않으니 크게 상관없어요~
신경 써 주심에 감사드립니다^^ㅎ

짝짝짝~
고생하셨습네다ㅋㅋ
근데 꼭 크롬을 깔아야하는군요?ㅋ
하루만에 업뎃ㅋ 너무 열정적이신거 아니심?
그래도 슬럼프보다 보기 좋네요~^^
넘 무리하지마셈~ 지치면 아니되옵니다~

홀릭님이나 지치지 마셈~ ㅋㅋㅋㅋ
근데 크롬 안쓰시나 보군요 ㅠㅠ
글은 어떤 브라우져로 쓰시나요?? ㅎㅎㅎ
크롬좀 쓰세요~ 요즘 대세는 누가 뭐래도 크롱크롱입니다!! ㅋㅋ

아넵ㅋㅋ 안지칠게요ㅋㅋ
전 그냥 네이버에 스팀잇 주소치고 들어가는데요?ㅋ
크롬은...왠지 쓰기싫더라고요ㅋ

ㄷㄷㄷ!!!!
아... 전공자와 비전공차이 정도로 봐야겠지요?? ^^;;;;
네이버에서 스팀잇 주소를 치고 들어갈거라곤 생각해본적이 없었네요;;

아.. 네이버에서 검색 후에 들어 가나요?
아니면 steemit.com 을 치고 들어 가나요??
후자 인거지요??

브라우져는 그러면... 인터넷 익스플로러 쓰시나봐요??

크롱으로 바꾸셈!! 아니면 웨일브라우저라던지..

이미 브라우저 시장 1등은 당연 크롱입니다요~

주소를 즐겨찾기 해놨삼ㅋㅋ
인터넷은 e아이콘의 익스플로러가 진리아니었나요ㅋㅋ
크롱은...생각해볼게요ㅋㅋ

세상에나 만상에나...!!!!!
크롱쓰셈..!!
익스플로러는 이제 완전 지는 썬이심~~!! ㅋ

지는 썬을 좋아함ㅋㅋ
곧 써볼게요 ㅋ
탕슉 식겠음~ 어여 가셔요ㅋ

탕슉 먹으러 가기전이었음요~ ㅋㅋ
작은거 시켰더니 애들이 다 먹음... ㅠㅠ
아빠가 되서 뺐어 먹을수도 없고... 조금 부족했음 ㅠㅠ

이런 기능 만들려고 생각하고 있었는데 그그그그그그뤠잇~!!!!!!

아 마지막짤 뭐죠 ㅋㅋㅋㅋㅋㅋㅋ 계속보게되네요

아쉬나요님이면 한두시간이면 뚝딱 이었을텐데 말이죠..!! 이틀이나 걸렸네요..!! ㅠㅠ

Coin Marketplace

STEEM 0.31
TRX 0.12
JST 0.033
BTC 64485.37
ETH 3156.53
USDT 1.00
SBD 4.05