기호 특수문자 변환 서비스////

posted by 오리밭 2010. 5. 1. 23:12

기호 특수문자 변환 서비스////

기호 특수문자 변환 서비스

태그를 텍스트 형태로 그대로 보여주고자 할때엔 특수문자를 씁니다
꺽쇠 < > 태그를 특수문자 < , >로 그리고 공백부분은 
  로 & 기호는 amp  , " " 는 " 로 자동변환을 해 주는 툴 입니다.
홈페이지에 소스를 다루는 분들은 메모장이나 워드패드보다는 이 툴을 이용하면
간단하게 변환시켜 주므로 유용하게 쓰실 수 있습니다.

1) 먼저 소스를 복사해 넣은 다음 [변환하기] 버튼을 누릅니다
2) 변환이 끝나면 [모두복사] 버튼을 눌러 카피하세요

- 예 문 -
<html>
                                                <head>
                <script type="text/javascript">if (!window.T) { window.T = {} }
window.T.config = {"TOP_SSL_URL":"https://www.tistory.com","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":88911,"name":"zvc8","title":"하나로","isDormancy":false,"nickName":"오리밭","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM_MESSAGE":"","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=http://zvc8.tistory.com/3331","DEFAULT_URL":"https://zvc8.tistory.com","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"IS_SCRAPABLE":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","PHASE":"prod","ROLE_GROUP":"visitor"};
window.T.entryInfo = {"entryId":3331,"isAuthor":false,"categoryId":313447,"categoryLabel":"참새홈/각종컴자료실"};
window.appInfo = {"domain":"tistory.com","topUrl":"https://www.tistory.com","loginUrl":"https://www.tistory.com/auth/login","logoutUrl":"https://www.tistory.com/auth/logout"};
window.initData = {};

window.TistoryBlog = {
    basePath: "",
    url: "https://zvc8.tistory.com",
    tistoryUrl: "https://zvc8.tistory.com",
    manageUrl: "https://zvc8.tistory.com/manage",
    token: "oUDHCs8UEhoX9ZsOYvy9n+0tJPC8THUdO73eNEXnh3x2/VUA/0lym/uct5sxURAE"
};
var servicePath = "";
var blogURL = "";</script>

.another_category h4 {
    font-size: 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 2px 0 6px !important;
}

.another_category h4 a {
    font-weight: bold !important;
}

.another_category table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100% !important;
    margin-top: 10px !important;
}

* html .another_category table {
    width: auto !important;
}

*:first-child + html .another_category table {
    width: auto !important;
}

.another_category th, .another_category td {
    padding: 0 0 4px !important;
}

.another_category th {
    text-align: left;
    font-size: 12px !important;
    font-weight: normal;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5;
}

.another_category td {
    text-align: right;
    width: 80px;
    font-size: 11px;
}

.another_category th a {
    font-weight: normal;
    text-decoration: none;
    border: none !important;
}

.another_category th a.current {
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 1px solid !important;
}

.another_category th span {
    font-weight: normal;
    text-decoration: none;
    font: 10px Tahoma, Sans-serif;
    border: none !important;
}

.another_category_color_gray, .another_category_color_gray h4 {
    border-color: #E5E5E5 !important;
}

.another_category_color_gray * {
    color: #909090 !important;
}

.another_category_color_gray th a.current {
    border-color: #909090 !important;
}

.another_category_color_gray h4, .another_category_color_gray h4 a {
    color: #737373 !important;
}

.another_category_color_red, .another_category_color_red h4 {
    border-color: #F6D4D3 !important;
}

.another_category_color_red * {
    color: #E86869 !important;
}

.another_category_color_red th a.current {
    border-color: #E86869 !important;
}

.another_category_color_red h4, .another_category_color_red h4 a {
    color: #ED0908 !important;
}

.another_category_color_green, .another_category_color_green h4 {
    border-color: #CCE7C8 !important;
}

.another_category_color_green * {
    color: #64C05B !important;
}

.another_category_color_green th a.current {
    border-color: #64C05B !important;
}

.another_category_color_green h4, .another_category_color_green h4 a {
    color: #3EA731 !important;
}

.another_category_color_blue, .another_category_color_blue h4 {
    border-color: #C8DAF2 !important;
}

.another_category_color_blue * {
    color: #477FD6 !important;
}

.another_category_color_blue th a.current {
    border-color: #477FD6 !important;
}

.another_category_color_blue h4, .another_category_color_blue h4 a {
    color: #1960CA !important;
}

.another_category_color_violet, .another_category_color_violet h4 {
    border-color: #E1CEEC !important;
}

.another_category_color_violet * {
    color: #9D64C5 !important;
}

.another_category_color_violet th a.current {
    border-color: #9D64C5 !important;
}

.another_category_color_violet h4, .another_category_color_violet h4 a {
    color: #7E2CB5 !important;
}
</style>

<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://zvc8.tistory.com/3331","name":null},"url":"https://zvc8.tistory.com/3331","headline":"기호 특수문자 변환 서비스////","description":"기호 특수문자 변환 서비스//// 기호 특수문자 변환 서비스 태그를 텍스트 형태로 그대로 보여주고자 할때엔 특수문자를 씁니다 꺽쇠 < > 태그를 특수문자 < , >로 그리고 공백부분은 로 & 기호는 amp , " " 는 " 로 자동변환을 해 주는 툴 입니다. 홈페이지에 소스를 다루는 분들은 메모장이나 워드패드보다는 이 툴을 이용하면 간단하게 변환시켜 주므로 유용하게 쓰실 수 있습니다. 1) 먼저 소스를 복사해 넣은 다음 [변환하기] 버튼을 누릅니다 2) 변환이 끝나면 [모두복사] 버튼을 눌러 카피하세요 - 예 문 -","author":{"@type":"Person","name":"오리밭","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2010-05-01T23:12:32+09:00","dateModified":"2010-05-04T20:47:51+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}}
</script>

<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-7c11ac8d009d509b1732b5db2a50100d40cb13db/static/style/dialog.css"/>
<link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-7c11ac8d009d509b1732b5db2a50100d40cb13db/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-7c11ac8d009d509b1732b5db2a50100d40cb13db/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-7c11ac8d009d509b1732b5db2a50100d40cb13db/static/script/common.js"></script>

</head>

<body>

<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-7c11ac8d009d509b1732b5db2a50100d40cb13db/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>

</body>
</html></div>

<div class="container_postbtn #post_button_group">
  <div class="postbtn_like"><script>window.ReactionButtonType = 'reaction';
window.ReactionApiUrl = '//zvc8.tistory.com/reaction';
window.ReactionReqBody = {
    entryId: 3331
}</script>
<div class="wrap_btn" id="reaction-3331" data-tistory-react-app="Reaction"></div><div class="wrap_btn wrap_btn_share"><button type="button" class="btn_post sns_btn btn_share" aria-expanded="false" data-thumbnail-url="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" data-title="기호 특수문자 변환 서비스////" data-description="기호 특수문자 변환 서비스//// 기호 특수문자 변환 서비스 태그를 텍스트 형태로 그대로 보여주고자 할때엔 특수문자를 씁니다 꺽쇠 < > 태그를 특수문자 < , >로 그리고 공백부분은 로 & 기호는 amp , " " 는 " 로 자동변환을 해 주는 툴 입니다. 홈페이지에 소스를 다루는 분들은 메모장이나 워드패드보다는 이 툴을 이용하면 간단하게 변환시켜 주므로 유용하게 쓰실 수 있습니다. 1) 먼저 소스를 복사해 넣은 다음 [변환하기] 버튼을 누릅니다 2) 변환이 끝나면 [모두복사] 버튼을 눌러 카피하세요 - 예 문 -" data-profile-image="https://tistory1.daumcdn.net/tistory/88911/attach/d8423dd03b114948bb2aa8333ca1f651" data-profile-name="오리밭" data-pc-url="https://zvc8.tistory.com/3331" data-relative-pc-url="/3331" data-blog-title="하나로"><span class="ico_postbtn ico_share">공유하기</span></button>
  <div class="layer_post" id="tistorySnsLayer"></div>
</div><div class="wrap_btn wrap_btn_etc" data-entry-id="3331" data-entry-visibility="public" data-category-visibility="public"><button type="button" class="btn_post btn_etc2" aria-expanded="false"><span class="ico_postbtn ico_etc">게시글 관리</span></button>
  <div class="layer_post" id="tistoryEtcLayer"></div>
</div></div>
<button type="button" class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="88911" data-url="https://zvc8.tistory.com/3331" data-device="web_pc" data-tiara-action-name="구독 버튼_클릭"><em class="txt_state"></em><strong class="txt_tool_id">하나로</strong><span class="img_common_tistory ico_check_type1"></span></button>  <div data-tistory-react-app="SupportButton"></div>
</div>

<div class="another_category another_category_color_gray">
  <h4>'<a href="/category/%EC%B0%B8%EC%83%88%ED%99%88">참새홈</a> > <a href="/category/%EC%B0%B8%EC%83%88%ED%99%88/%EA%B0%81%EC%A2%85%EC%BB%B4%EC%9E%90%EB%A3%8C%EC%8B%A4">각종컴자료실</a>' 카테고리의 다른 글</h4>
  <table>
    <tr>
      <th><a href="/3341">알 ftp 사용하기</a>  <span>(0)</span></th>
      <td>2010.05.01</td>
    </tr>
    <tr>
      <th><a href="/3335">☆영상시 꾸미기에 정말 좋은 자료입니다</a>  <span>(0)</span></th>
      <td>2010.05.01</td>
    </tr>
    <tr>
      <th><a href="/3334">배경이미지(그림) 고정시키기</a>  <span>(0)</span></th>
      <td>2010.05.01</td>
    </tr>
    <tr>
      <th><a href="/3333">마퀴의 사용법</a>  <span>(0)</span></th>
      <td>2010.05.01</td>
    </tr>
    <tr>
      <th><a href="/3332">에플릿 Anfy 사용법</a>  <span>(0)</span></th>
      <td>2010.05.01</td>
    </tr>
  </table>
</div>

</div>

<div class="actionTrail">
							<a href="#tb" onclick="" title="트랙백" class="wrapTrackback"></a>
							<a href="#rp" onclick="" title="댓글" class="wrapComment"></a>
						</div>

						
						<div data-tistory-react-app="Namecard"></div>
					</div></div>
				
                    
                

				
			</div>
			<hr />
			<div id="footer">
	
				<div id="footMenu">
					<ul>
					
					<li class="home"><a href="https://zvc8.tistory.com/" title="home">home</a>
					<li><a href="https://zvc8.tistory.com/tag" title="tag">tag</a>
					<li><a href="https://zvc8.tistory.com/media" title="media log">media log</a></li>
					<li><a href="https://zvc8.tistory.com/location" title="location log">location log</a></li>
					
					<li><a href="https://zvc8.tistory.com/guestbook" title="guest book">guest book</a></li>
					<li><a href="https://zvc8.tistory.com/manage" title="admin">admin</a></li>
					<li><a href="https://zvc8.tistory.com/manage/entry/post" title="write">write</a></li>
					</ul>
				</div>
	
				<div id="copyright">
				<a href="https://zvc8.tistory.com/">오리밭</a>'s blog is powered by <a href="http://daum.net" onclick="window.open(this.href); return false" title="Daum 바로가기">Daum</a> / designed by <a href="http://www.tistory.com" title="Tistory 바로가기">Tistory</a>
				</div>
			</div>
			</div>
		</div>

</div>

<div class="#menubar menu_toolbar ">
  <h2 class="screen_out">티스토리툴바</h2>
</div>
<div class="#menubar menu_toolbar "><div class="btn_tool btn_tool_type1" id="menubar_wrapper" data-tistory-react-app="Menubar"></div></div>
<div class="layer_tooltip">
  <div class="inner_layer_tooltip">
    <p class="desc_g"></p>
  </div>
</div>
<div id="editEntry" style="position:absolute;width:1px;height:1px;left:-100px;top:-100px"></div>

<script>                    (function () { 
                        var blogTitle = '하나로';
                        
                        (function () {
    function isShortContents () {
        return window.getSelection().toString().length < 30;
    }
    function isCommentLink (elementID) {
        return elementID === 'commentLinkClipboardInput'
    }

function copyWithSource (event) {
        if (isShortContents() || isCommentLink(event.target.id)) {
            return;
        }
        var range = window.getSelection().getRangeAt(0);
        var contents = range.cloneContents();
        var temp = document.createElement('div');

temp.appendChild(contents);

var url = document.location.href;
        var decodedUrl = decodeURI(url);
        var postfix = ' [' + blogTitle + ':티스토리]';

event.clipboardData.setData('text/plain', temp.innerText + '\n출처: ' + decodedUrl + postfix);
        event.clipboardData.setData('text/html', '<pre data-ke-type="codeblock">' + temp.innerHTML + '</pre>' + '출처: <a href="' + url + '">' + decodedUrl + '</a>' + postfix);
        event.preventDefault();
    }

document.addEventListener('copy', copyWithSource);
})()

})()</script>

<script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script>

<script type="text/javascript">document.oncontextmenu = new Function ('return false');
document.ondragstart = new Function ('return false');
document.onselectstart = new Function ('return false');
document.body.style.MozUserSelect = 'none';</script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-7c11ac8d009d509b1732b5db2a50100d40cb13db/static/plugin/PreventCopyContents/script.js"></script>

<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-7c11ac8d009d509b1732b5db2a50100d40cb13db/static/plugin/RainbowLink/script.js"></script>

</body>
</html>

하나로

Category

Recent Comment

Recent Trackback

My Link

기호 특수문자 변환 서비스////