g5게시판 html소스가 전혀먹히지않고 에디터도 자동수정이되는데 어떻게하지요?

예전제로보드에서 그누5로 이전해왔습니다.

현재홈피수정중에있구요.

예전 제로보드에서 사용하던 게시판자료가 그누게시판에서는 죄다 깨지니까 w3schools.com tryit에디터에서 html5에 맞춰서 수정해가지고 그누게시판에 등록하니까 html소스가 전혀먹히지않고 에디터도 자동수정이되는데요

tryit에디터에서 수정을해서 이상없이나오는거확인하고 그누 스마트에디터에 html붙여넣기해서 등록하니까 심하게 왜곡되는겁니다.

이상하게도 트라이잇 에디터와 또 스마트에디터에서 에디터탭을 누르고보면 정상화면인데도 등록되는순간 뷰페이지에서는 심한왜곡이 있어서 몇날을고생하다 안되서 질문 게시판에 질문했는데 문제가 까다로운건지 제 질문이 애매한건지 답글이 안달려서요 아무래도 전문가 분들이 보시면 원인을 알 수 있을까해서 이곳에 여쭤봅니다.

게시판 용도에 맞지 않더라도 이해해주시기 바랍니다.

아래사진은 트라이잇에디터에서소스 수정해서 보이는 화면입니다.

보시는바와같이 정상화면이 잘나옵니다.

66b0a5520acd71507846a863cd30d9db_1408716565_4827.gif 

 

또 아래의 사진은 스마트에디터에서 에디터 탭을 눌러서 보이는 사진입니다.

보시다 시피 에디터탭에서도 정상적인 화면이 보이는데요

 

66b0a5520acd71507846a863cd30d9db_1408716778_9935.gif 

 

 아래의 사진처럼 g5게시판에 등록하고나면 이상하게도 태그가 잘먹히지 않은 왜곡된 화면이 나오는겁니다.

아래의 사진이 바로 뷰페이지사진입니다.

66b0a5520acd71507846a863cd30d9db_1408717111_4097.gif 

 

첨에는 에디터에서 자동 수정이 되는지도 몰랐는데 소스를 자세히 들여다보니 에디터도 자동수정이 되는겁니다.

그런데 아무리 봐도 에디터의 문제같지는 않고 게시판 자체의 문제같은데 도대체 해결 방법을 모르겠습니다.

어디를 어떻게 고쳐야 왜곡되지 않는 원하는 화면을 얻을 수 있을까요?

아무래도 전문가 분들이 보시면 알 수 있을까해서 염치 불구하고 이곳에 글을 올렸습니다.

문제의 게시판주소는 http://boree.org/g5/bbs/board.php?bo_table=ha_yochung&wr_id=8 입니다. 현재게시판은 누구나글쓰기가능하게 해놓았습니다. 글수정 비번은1111입니다. 게시판에서 볼 수 있는 소스는 에디터에서 자동수정된소스고요 아래 참고용으로 원래 소스를 적습니다. 

도대체 어디가 잘못된걸까요? html5하고 css잘모르다보니 매우어렵습니다.

게시물 소스는 아래와 같습니다.

​<center><table style="border-style: dashed;" border="4" cellSpacing="0" borderColor="olive" cellPadding="0"><tbody><tr><td borderColor="olive">
</tbody></table></td></tr></tbody></table></center>
  background: -o-linear-gradient(#494530, yellowgreen); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#494530, yellowgreen); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#494530, yellowgreen); /* Standard syntax */">
<br /><br />
<center><table border="0"><tr><td height="300" width="500">
<embed src="http://boree.org/soo/simsan-ryuchiwhan.swf" width="500" height="300">
</td>
</tr>
</table></center>
<div style="width: 100%; text-align: left; color: lightgreen; margin-left: 40px; text-shadow: 0px 2px 2px #000;">
<pre><font color="lightgreen" size="3" face="Verdana"><b>심산(深山)</b></font></pre></div>
<div style="width: 100%; text-align: left; color: lightgreen; text-shadow: 0px 2px 2px #000;">
<pre><font color="lightgreen" size="2" face="Verdana"><ul>
<b>
심심 산골에는

산울림 영감이

바위에 앉아

나같이 이나 잡고

홀로 살더라.
</b>
</ul></font></pre><font color="lightgreen" size="2" face="Verdana"></font></div><font color="lightgreen" size="2" face="Verdana"></font>
<center>
<hr color="#00329b" SIZE="1" width="350" /></center>
<br />
<center>
<font color="#000000" size="2" face="굴림체">
글 : 靑馬 유치환(柳致環) / 배경음악 : 전수연 - Glow</font>
<br /><br /><br /><center>
</center></center>
</td>
</tr>
</tbody></table></td></tr></tbody></table></center>​

 

제발 좋은 해결책이 나왔으면 좋겠습니다.

다른분들은 이런경우가 안생기는데 나만 생기는지 지문 게시판등 어디를 검색해도 같은 질문은 없는거보니까 제가 무슨설정을 잘못했나 하고 아무리 둘러봐도 원인을 모르겠습니다.

 

|

댓글 2개

텍스트 에디터를 이용하셔서 인지
복사해오신 소스가 원래 저랬던 것인지 모르겠지만...
소스코드가 상당히... 비효율적으로 작성되어있습니다...
pre부분이 정상출력이 되지 않아서 하단 글부분이 출력되지 않고 있는것이네요..
배경을 깔끔하게 달리고 플래쉬파일 및에 글만 들어가는 형식으로 정리하시는게 어떨까 싶네요...

그냥 깔끔하게 처리하시는게 어떨까 해서 테스트글로 하나 올려두었습니다.
에디터 자체에서 스타일을 정의해 줘도 정작 게시글에서는 <style>스타일 정의 </style>등이 제거가 되는거 같습니다
아주 쉽게 접근하실려면 해당 게시판의 스킨 스타일 시트에 자주 사용하는 스타일을 따로 써주시면 되구요
에디터에는 스타일을 입혀야 할 곳에 아이디 혹은 클래스로 스타일을 쓸수 있게 지정해 주시면 됩니다

근본적으로 접근하실려면 에디터를 수정하시거나 혹은 게시글을 불러와서 본문 글을 정의해 주는 부분을 수정하셔야 될거 같습니다
댓글을 작성하시려면 로그인이 필요합니다. 로그인

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
11년 전 조회 1,853
11년 전 조회 1,435
11년 전 조회 1,382
11년 전 조회 2,364
11년 전 조회 1,615
11년 전 조회 2,818
11년 전 조회 3,633
11년 전 조회 3,753
11년 전 조회 3,815
11년 전 조회 3,939
11년 전 조회 2,397
11년 전 조회 1.7만
11년 전 조회 1,374
11년 전 조회 1,123
11년 전 조회 1,063
11년 전 조회 903
11년 전 조회 1,036
11년 전 조회 853
11년 전 조회 698
11년 전 조회 1,082
11년 전 조회 824
11년 전 조회 743
11년 전 조회 1,066
11년 전 조회 944
11년 전 조회 738
11년 전 조회 888
11년 전 조회 916
11년 전 조회 918
11년 전 조회 1,018
11년 전 조회 653
11년 전 조회 712
11년 전 조회 894
11년 전 조회 741
11년 전 조회 774
11년 전 조회 739
11년 전 조회 660
11년 전 조회 737
11년 전 조회 1,346
11년 전 조회 674
11년 전 조회 985
11년 전 조회 877
11년 전 조회 626
11년 전 조회 650
11년 전 조회 728
11년 전 조회 734
11년 전 조회 1,270
11년 전 조회 4,152
11년 전 조회 1,217
11년 전 조회 948
11년 전 조회 1,425
11년 전 조회 7,552
11년 전 조회 1,142
11년 전 조회 2,351
11년 전 조회 1,168
11년 전 조회 1,217
11년 전 조회 1,499
11년 전 조회 1,000
11년 전 조회 1,004
11년 전 조회 1,006
11년 전 조회 1,013
11년 전 조회 1,678
11년 전 조회 1,056
11년 전 조회 1,200
11년 전 조회 989
11년 전 조회 4,655
11년 전 조회 709
11년 전 조회 1,094
11년 전 조회 1,497
11년 전 조회 1,018
11년 전 조회 5,307
11년 전 조회 3,427
11년 전 조회 4,974
11년 전 조회 839
11년 전 조회 1,197
11년 전 조회 1,396
11년 전 조회 1,277
11년 전 조회 1,205
11년 전 조회 703
11년 전 조회 3,359
11년 전 조회 2,901
11년 전 조회 2,246
11년 전 조회 1,469
11년 전 조회 1,477
11년 전 조회 2,892
11년 전 조회 845
11년 전 조회 1,072
11년 전 조회 2,400
11년 전 조회 3,314
11년 전 조회 1,205
11년 전 조회 774
11년 전 조회 1,406
11년 전 조회 708
11년 전 조회 1,286
11년 전 조회 758
11년 전 조회 1,463
11년 전 조회 1,216
11년 전 조회 2,015
11년 전 조회 3,678
11년 전 조회 3,176
11년 전 조회 3,644
🐛 버그신고