예전제로보드에서 그누5로 이전해왔습니다.
현재홈피수정중에있구요.
예전 제로보드에서 사용하던 게시판자료가 그누게시판에서는 죄다 깨지니까 w3schools.com tryit에디터에서 html5에 맞춰서 수정해가지고 그누게시판에 등록하니까 html소스가 전혀먹히지않고 에디터도 자동수정이되는데요
tryit에디터에서 수정을해서 이상없이나오는거확인하고 그누 스마트에디터에 html붙여넣기해서 등록하니까 심하게 왜곡되는겁니다.
이상하게도 트라이잇 에디터와 또 스마트에디터에서 에디터탭을 누르고보면 정상화면인데도 등록되는순간 뷰페이지에서는 심한왜곡이 있어서 몇날을고생하다 안되서 질문 게시판에 질문했는데 문제가 까다로운건지 제 질문이 애매한건지 답글이 안달려서요 아무래도 전문가 분들이 보시면 원인을 알 수 있을까해서 이곳에 여쭤봅니다.
게시판 용도에 맞지 않더라도 이해해주시기 바랍니다.
아래사진은 트라이잇에디터에서소스 수정해서 보이는 화면입니다.
보시는바와같이 정상화면이 잘나옵니다.
또 아래의 사진은 스마트에디터에서 에디터 탭을 눌러서 보이는 사진입니다.
보시다 시피 에디터탭에서도 정상적인 화면이 보이는데요
아래의 사진처럼 g5게시판에 등록하고나면 이상하게도 태그가 잘먹히지 않은 왜곡된 화면이 나오는겁니다.
아래의 사진이 바로 뷰페이지사진입니다.
첨에는 에디터에서 자동 수정이 되는지도 몰랐는데 소스를 자세히 들여다보니 에디터도 자동수정이 되는겁니다.
그런데 아무리 봐도 에디터의 문제같지는 않고 게시판 자체의 문제같은데 도대체 해결 방법을 모르겠습니다.
어디를 어떻게 고쳐야 왜곡되지 않는 원하는 화면을 얻을 수 있을까요?
아무래도 전문가 분들이 보시면 알 수 있을까해서 염치 불구하고 이곳에 글을 올렸습니다.
문제의 게시판주소는 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부분이 정상출력이 되지 않아서 하단 글부분이 출력되지 않고 있는것이네요..
배경을 깔끔하게 달리고 플래쉬파일 및에 글만 들어가는 형식으로 정리하시는게 어떨까 싶네요...
그냥 깔끔하게 처리하시는게 어떨까 해서 테스트글로 하나 올려두었습니다.
아주 쉽게 접근하실려면 해당 게시판의 스킨 스타일 시트에 자주 사용하는 스타일을 따로 써주시면 되구요
에디터에는 스타일을 입혀야 할 곳에 아이디 혹은 클래스로 스타일을 쓸수 있게 지정해 주시면 됩니다
근본적으로 접근하실려면 에디터를 수정하시거나 혹은 게시글을 불러와서 본문 글을 정의해 주는 부분을 수정하셔야 될거 같습니다