엑셀 표를 티스토리에 복사, 붙여넣는 방법(Excel to HTML Table)

티스토리 블로그를 하다보면 아니 뭔가 엑셀 표를 티스토리 블로그에 복사하거나 붙여넣는 방법을 몰라서 답답한 경우들이 있습니다. 

 

엑셀에서 복사(ctrl+C)한 뒤에 티스토리 블로그 글쓰기에서 붙여넣기(ctrl+V)를 해봐도 그렇게 붙여지지가 않는단 말이죠. 

 

엑셀에 이렇게 표를 만들어서 티스토리에 붙여넣기 해봤자...

 

티스토리 엑셀 복사 가능?

 

이렇게 평범한 글자로 복사가 되어버리기 때문이죠.

 

1. 구글 문서 스프레스시트에서 복사하기

 

그래서 첫번째로 추천하는 방법은 구글 문서 스프레드시트에 먼저 복사한 뒤에 다시 티스토리에 붙여넣기를 하게 되면 깔끔하게 표로 복사가 됩니다. 

 

docs.google.com/spreadsheets/u/0/

Google 스프레드시트 - 스프레드시트를 작성하고 수정할 수 있으며 무료입니다.

구글 스프레스시트에서 작성 하거나 엑셀에서 붙여넣기 한걸 다시 복사해서 티스토리에 붙여넣기를 하게 되면?

 

<!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}-->

티스토리	엑셀
복사	가능?

 

요런식으로 복사가 됩니다!

---

2. 파워포인트를 거쳐서 복사하기

두번째 추천하는 방법은 첫번째와 비슷하게 파워포인트를 켠 다음 파워포인트에 표를 붙여넣기 한 다음에 다시 티스토리에 붙여넣기를 하면 됩니다!

 

티스토리	엑셀
복사	가능?

---

3. 구글 스프레드시트 VS 파워포인트 사용?

 

왜 구글 스프레드시트가 더 좋다고 했을까요? 그건 티스토리에 붙여넣기된 HTML을 살펴보면 답이 나옵니다. 

 

구글 스프레드시트로 붙여넣기된 HTML은 td 태그 부분에 data 속성이 추가된 점을 제외하고는 깔끔한 형태를 띕니다. 

 

구글 스프레스시트 붙여넣기된 HTML

<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;티스토리&quot;}">티스토리</td>
<td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;엑셀&quot;}">엑셀</td>
</tr>
<tr>
<td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;복사&quot;}">복사</td>
<td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;가능?&quot;}">가능?</td>
</tr>
</tbody>
</table>

 

그렇지만 파워포인트로 붙여넣기한 표의 HTML을 보게 되면 span 태그가 중간 중간 끼어있어서 깔끔하게 되지가 않습니다. span 태그가 껴있으면 표를 꾸미기 할때도 처리가 잘 되지 않거든요. 

 

 

파워포인트로 붙여넣기된 표(HTML)

<table style="border-collapse: collapse; width: 100%;" border="1" width="144">
<tbody>
<tr>
<td width="72" height="26">
<p><span>티스토리</span></p>
</td>
<td width="72">
<p><span>엑셀</span></p>
</td>
</tr>
<tr>
<td width="72" height="26">
<p><span>복사</span></p>
</td>
<td width="72">
<p><span>가능</span><span>?</span></p>
</td>
</tr>
</tbody>
</table>

 

상황에 따라서 더 맞는걸 쓰면 되는데요.  붙여넣기된 코드에서 <span>, </span> 태그를 없애고 붙여넣기해도 깔끔한 처리가 됩니다. 

---

엑셀 표를 티스토리에 붙여넣기가 힘들어서 캡처해서 올리는 분들도 많은데 표로 올려야 모바일에서도 잘 보인다는 점을 생각해본다면 알고 있으면 좋은 팁이 될 것 같습니다. 감사합니다.