표 그대로 가져오기(Html5-Editor)워프,티스적용

글을 쓰다 보면 표를 그대로 가져오고 싶을 때가 있죠? 일일이 타이핑해서 다시 작성하는 수고로움을 덜할 수 있는 방법이 있어 소개드리고자 합니다.

 

표가져오기

 

목차

---

표 그대로 가져오기

글을 쓰다보면 표 때문에 시간을 많이 잡아먹는 경우가 많으시죠?  Html5-Editor라는 사이트의 도움을 받아 표 깨짐이 없이 그대로 가져오는 팁이 있어 소개하고자 해요 

 

 

---

Html5-Editor 링크열기

 

• 먼저 아래 링크을 열어둡니다

 

표가져오기1

• 열면 위 화면이 나옵니다.
• 복사할 표를 아래 그림처럼 복사합니다.

 

표가져오기2

 

 

---

 

워드프레스에 표 복사하기

 

반응형

• 복사한 표를 Html5-Editor 사이트에 1번처럼  붙여놓습니다.

Html5-Editor이용하여표복사

 

• 2번을 클릭하면 아래 그림이 뜨는데요

Html5-Editor표복사

 

• 위 그림처럼 설정해 두세요.

Html5-Editor표복사

 

• 모두 드래그 해서 가운데 정렬을 선택합니다.

 

• 얼추 표 모양을 잡은 후 옆에 Html 코드를 전체복사합니다.

Html5-Editor표복사

 

• 워드프레스에 표를 적고자 하신다면 아래 그림처럼 워드프레스 텍스트화면에 위 복사한 코드를 붙여놓습니다.

워프표적용

 

• 비주얼 모드에서 보면 이쁘게 자리 잡힌 표 모양이 그래도 재현된 걸 보실 수 있어요.

워프표적용

---

 

티스토리에 표 복사하기

 

• 티스토리에 표를 복사하고자 하신다면 아래 그림처럼 HTML 모드로 들어가셔서

• 앞서 워드프레스에서 한 것처럼 Html5-Editor에서 복사한 코드를 붙입니다.

티스표적용

 

티스표적용완성본

• 기본 모드로 보면 역시 위처럼 깔끔하게 복사되어 재현된 걸 보실 수 있습니다.

효율적인 글쓰기에 도움이 되시길 바라요.