Mediteam.us의 댓글은 내부에 저장하지 않고 바로 steemit에서 불러와서 뿌려줍니다.

댓글에 마크다운을 쓰는 분들이 많아지다 보니, nodeJS에서 본문만 받아서 변환하던것을 어쩌다보니 브라우저 쪽에서도 작동시켜야해서, 이참에 그냥 페이지를 만들었습니다.

다른 사람이 쓴 글을 가져다 쓰는 것은 저작권 위반이 될 수 있으니, 본인이 쓰신 글을 외부 블로그에 옮기실 분들만 사용해주셨으면 합니다.

PHP, javascript 이용하시는 분들은 크게 어렵지 않은 내용이라 소스도 그냥 풀어둡니다.

 

사용하는 주소는 : https://junn.net/steem06_markdownToHTML.php

Github : https://github.com/junn279/steemjs_example/blob/master/steem06_markdownToHTML.php

이런 주소에서 ID는 junn, Permlink가 뒤에 steem-markdown….이 부분입니다. 넣고 Submit 버튼을 누르시면 됩니다.

 

몇군데만 설명하면

https://steemit.com/kr/@junn/steem-markdown-to-html-table-linebreak

에서 설명했던 Markdown Converter 사용과 SteemJS의 getContent 에 대한 예제가 되겠습니다.

<script src="/jquery-3.3.1.min.js"></script>
<script src="https://cdn.rawgit.com/showdownjs/showdown/1.8.6/dist/showdown.min.js"></script>
<script src="//cdn.steemjs.com/lib/latest/steem.min.js"></script>

//중략


jQuery(document).ready(function($) 
    {
      var author = "<?=$id?>";
      var permlink = "<?=$permlink?>";
      steem.api.getContent(author,permlink, function(err, response)
      {
          console.log("Content", response);
          var converter = new showdown.Converter({
          'tables':true,
          'strikethrough':true,
          'simpleLineBreaks':true,
          'simplifiedAutoLink':true
        });
          var text = response.body,
    			html_body = converter.makeHtml(text);
    			html_body = changeYouTubeTag(imageSetting(html_body));
   				$('#contents').html(html_body);
   				$('#source').html(html_body);
      });
    });

JQuery는 CDN으로 하려고 했더니 브라우져에서 막는 듯 해서 다운받아서 쓰셔야합니다.

아래 글을 참조해보니 PHP를 사용하지 않고 독립된 html 파일로도 만들 수 있는 것 같습니다.

https://stackoverflow.com/questions/1961069/getting-value-get-or-post-variable-using-javascript

0 Shares:
Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like
Read More

0. 프로젝트 진행상황 (정리중)

1. 한쪽으로는 데이터셋(Data set) 늘리기, 한쪽으로는 알고리즘 짜는 두가지 트렉으로 진행 중. 부족한 시간을 확보하기 위해 근무 사이사이에…
Read More

Multilanguage Dictionary v0.1

http://translate.junn.net 잠깐 딴짓하면서 만든 동시다발 어학사전. 어학공부를 하다보면 이 단어가 영어로 뭐네..스페인어로는 뭘까..하면 계속 찾아가기 귀찮아서 만들어봤다. 아내한테…