티스토리 본문 스크랩 만들기

컴퓨터/Internet

티스토리 본문 스크랩 만들기

zipi 2011. 8. 6. 08:33

티스토리 본문 스크랩을 만들어 봤습니다.

인터넷 돌아다니며 자바스크립트로 쉬쉬쉭! 기존 현재글 주소와 복사기능을 조금 업그레이드해서 본문 제목과 주소 TEXT복사, HTML 복사, 그리고 본문 전체 복사 기능을 만들었습니다.

본문 전체 복사는 불펌이 우려되어서 주석처리 해두었습니다.

현재 본문 상단에 스크랩 버튼을 통해서 사용할 수 있으며 HTML복사와 TEXT복사가 가능합니다. 그리 어려운 소스는 아니니 가져가셔서 적당히 바꿔서 사용하시면 됩니다.

<!-- 복사하기 넣기 -->
<script>
	var onOff = 0;

	function copyZone_onOff(){
		if(onOff == 0) {
			document.getElementById('copyZone').style.display = ""; // 보여줌
			onOff = 1;
		} else {
			document.getElementById('copyZone').style.display = 'none'; //가리기
			onOff = 0;
		}
	}

	function inPutTextArea(value, adress, title) {
		if(value == "0") { // TEXT
			document.getElementById('textZone').value = title + " (" + adress + ")";
		} else if(value == "1") { // HTML
			document.getElementById('textZone').value = "<a href='[링크]" + adress + "' target='_blank'>" + title + "</a>";
		} else {
			document.getElementById('textZone').value = "원본글 : " + adress + "\n\n" + title;
		}
	}

	function copy_URL(textarea) {
		textarea.select();
		var clip=textarea.createTextRange();
		clip.execCommand('copy');
		alert('복사되었습니다. 잘 사용하세요~^^v');
	}
</script>

<div align="right">
	현재글 :  <a href="[# #_article_rep_link_# #]">http://zipi.me[# #_article_rep_link_# #]</a>  
	<a href="javascript:copyZone_onOff();" title="스크랩">[스크랩]</a> 
</div>

<div id="copyZone" style="display:none" align="right">
	<form id="CopyZone" name="CopyZone" method="post" action="" style="width:100%; height:150">
		<label>
			<input type="radio" name="copyRadio" value="1" id="copyRadio_1" onClick="inPutTextArea(this.value, 'http://zipi.me	[# #_article_rep_link_# #]', '[# #_article_rep_title_# #]');" checked="checked" />제목 및 URL HTML 복사
		</label>
		<label>
			<input name="copyRadio" type="radio" id="copyRadio_0" value="0" onClick="inPutTextArea(this.value, 'http://zipi.me	[# #_article_rep_link_# #]', '[# #_article_rep_title_# #]');"/>제목 및 URL TEXT 복사
		</label>
	<!--	본문 전체 복사 주석처리
		<label>
			<input type="radio" name="copyRadio" value="2" id="copyRadio_2" onClick="inPutTextArea(this.value, 'http://zipi.me	[# #_article_rep_link_# #]', '[# #<사용안함>_article_rep_desc_# #]');"/>제목 및 본문 HTML 복사
		</label>   
	전체 주석처리 끝.	-->
	</form>   
	<center>
		<textarea id="textZone" name="textZone"  cols="100%" rows="2" readonly="readonly" onClick="copy_URL(this);" style="text-align:center; padding-top:15px;"/>
			<a href='http://zipi.me[# #_article_rep_link_# #]' target='_blank'>[링크] [# #_article_rep_title_# #]</a>
		</textarea>
	</center>
</div>
<!-- //복사하기 넣기 -->

스크랩 소스.txt

위 소스를 가져가셔도 되며 첨부파일을 가져가셔도 됩니다. 티스토리 치환자를 이용하기 때문에 첨부파일이 아닌 위 내용을 복사할 경우 # #을 ##으로 모두 교체해 줘야 합니다.

http://zipi.me 부분을 자신의 블로그 주소로 바꿔주세요. '/'는 생략해야 합니다.

본문 전체 복사를 사용하려면 에서 <금지>를 제거하고, "" 이 두 줄을 제거하면 됩니다.

저는 현재 그 기능을 꺼뒀습니다. 본문 내용 치환자를 못쓰게 해서 태그가 꼬이는걸 방지하였습니다.

몇번 사용하면서 원하는 내용을 바꿔 쓰시면 됩니다.

</div>
위처럼 본문 시작하는 부분이 있는데, 이 바로 윗부분에 넣어주시면 됩니다.

<script> 부분과 붙여서 넣어도되며, 따로 떼어서 넣으셔도 됩니다.

IE에서는 스크랩을 누르고 박스 안을 누르면 자동으로 복사가되며, 그 외에는 박스를 누르면 복사는 되지 않지만, 전체가 블럭설정이 되어서 간편하게 복사해 갈 수 있습니다.

저작자표시 비영리 변경금지