본문 바로가기
블로그 발전기

[티스토리 테이블] 모바일에서 수정한 테이블(표) 오류 수정하기

by 민곰 2020. 11. 16.
728x90

티스토리 게시글을 작성할 때 테이블을 넣으려고 하다보니 불편했던게 표 내용 작성하고, 셀 합치고/나누고 하는 부분이었다. 그래도 열심히 내가 직접만든 테이블로 올리고 싶어서 작성하고 발행했는데... 이게 무슨??@!

 

사소한 글자 오류가 있어서 테이블이 아닌 게시글의 다른 부분을 모바일로 살짝 수정하고 발행했는데, 테이블이 이상해졌다...

 

이게 모람

 

눈물을 흘리면서 아 다시 써야하나 생각해보다가...

아 티스토리 HTML 모드 있잖아??

 

일단 HTML 모드로 가보았다.

조오기 아래있는 HTML

기본모드 -> HTML 로 수정해주면, 알록달록한 HTML태그와 내용물로 이루어진 게시글의 반전매력을 엿볼 수 있는데, 테이블 코드를 보아하니 알 수 없는 오류?? 로 셀 합치기에 사용한 rowspan이 colspan으로 변경되어 있는걸 볼 수 있었다.

그럼 수정해주자.

 

다른 좋은 방법이 있을 수 있지만

나는 그냥 메모장에 문제가 되는 <table> ~ </table> 부분을 붙여넣고, 

편집 > 바꾸기 (ctrl + H) 기능으로 colspan을 모두 rowspan을 바꿔버린 후 다시 게시글에 대체해 넣었다.

 

* 문제가 되었던 부분...

왜 네멋대로 열을 합치니...

 

* 메모장에서 찾아 바꾸기

편-안

 

이제 다시 HTML -> 기본모드로 바꾸면, 다시 돌아온 테이블의 모습을 발견할 수 있다!

이쁘다

 


오류 재현하기

1. PC로 테이블 작성 후 발행

2. 모바일로 테이블 외의 게시글 수정 후 발행

3. 모바일&PC 모두에서 테이블의 이상한 모습 발견

 

오류 고치기

1. 게시글 수정하기

2. 기본모드 -> HTML 모드 변경

3. <table> ~ </table> 태그 안에서 colspan을 rowspan으로 변경하기

4. 발행

728x90

댓글