묻고답하기
html 시현 비정상
2015.04.23 11:38
게시판에 html 자료(아래 1 )를 올리고 'html 편집기' 를 클릭, 등록 후 열어보면 글자 색이 본래색(:#00ffff)이 아닌 까맣게 나와
읽을 수가 없고 띄어쓰기가 안되어 있는 등 정상적으로 시현이 되지 않고 있어 수정란을 클릭, 열어보면
아래 2)와 같이 본인이 붙이지 않은 불필요한 태그 소스들(editor_component="image_link" /, color: rgb(0, 255, 255);", alt, /li 등 등..> 이 잔뜩 붙어 있습니다.
아마 전혀 관련도 없는 이런 엉뚱한 태그들이 붙어서 html 기능이 비정상적으로 시현되고 있는 것 같은데 그 이유가 무엇이며
어떻게 하면 이런 태그 소스들이 안붙게 할 수가 있는지요?
자세한 답변 부탁드립니다.
*URL주소:http://kma21.net/xe/index.php?mid=freeboard&category=12547&document_srl=33085
1) <table border=20 bordercolorlight=4E6A41 bordercolordark=405735 bgcolor=012904 cellpadding=0 cellspacing="0">
<tr><td bgcolor=012904 width=600><center><img src="http://yong9551.dothome.co.kr/sunset man.jpg"></center>
<span style=color:#00ffff;filter:glow(color=blue);height:5px><span id="style" style="line-height:22px">
<font face=바탕체 size=2><ul>나는 일상생활을 하면서 잠시 잊고 지내다가
문득 문득 노년을 보내고 있는 나 자신을 발견하게 된다.
...........................................
.............................................
이 황혼의 노년이 참으로 따뜻하고 평화스럽다........</ul>
<center><img src="http://yong9551.dothome.co.kr/458-1-1-3.jpg"></center>
<embed src="http://e450.chonbuk.ac.kr/~leecm/page/lee/66 Webber, Julian Lloyd - Panis Angelicus.mp3" hidden=true autostart=true loop=-1 volume=0 width=0 height=0></font></span></span></tr></td></table>
2) 'html 편집기' 를 적용했을 때 변형된 html 태그 소스
<table bgcolor="#012904" border="20" cellspacing="0" cellpadding="0"><tbody><tr><td width="600" bgcolor="#012904">
<center><img alt="sunset man.jpg" src="http://yong9551.dothome.co.kr/sunset%20man.jpg" editor_component="image_link" /></center>
<span style="height: 5px; color: rgb(0, 255, 255);"><span style="line-height: 22px;"></span></span><pre></pre><ul><li>나는 일상생활을 하면서 잠시 잊고 지내다가
문득 문득 노년을 보내고 있는 나 자신을 발견하게 된다.
..........................................
.........................................
이 황혼의 노년이 참으로 따뜻하고 평화스럽다........</li></ul>
<center><img alt="458-1-1-3.jpg" src="http://yong9551.dothome.co.kr/458-1-1-3.jpg" editor_component="image_link" />
</center><embed allowscriptaccess="never" src="http://e450.chonbuk.ac.kr/~leecm/page/lee/66 Webber, Julian Lloyd - Panis Angelicus.mp3" hidden=true autostart=true loop=-1 volume=0 width=0 height=0 />
</td></tr></tbody></table>
댓글 11
-
DoorWeb
2015.04.23 12:28
-
yong9551
2015.04.23 13:36
신속한 답변에 감사드립니다.
말씀하신대로 시도해 보았는데(bgcolor="#012904" 삭제, 본문 텍스트와 이미지 등 따로 업로드 등) 이번에는 html 이 전혀 시현되지 않고 'test 8' (http://kma21.net/xe/index.php?mid=freeboard&category=12547&document_srl=33963) 에서 보시는 바와 같이 'html 편집기' 를 클릭했는데도 텍스트로 만 나타나는가 하면 끝부분 이미지 소스는 중간에 잘려버리고..
어디에 원인이 있는지 갈피를 못잡겠습니다. 하교 바랍니다.
감사합니다.
-
DoorWeb
2015.04.23 13:51
글 퍼올때 귀찮지만 지켜야 할 것들이 좀 있습니다.
텍스트는 에디터에 한번 붙혀 넣기 한 다음에 다시 복사해서 본문에 올리기
이미지는 다운로드 한 다음에 다시 파일 업로드 해서 올리기...
이 두과정을 거치면 지저븐한 잡소스들이 안붙고요.
그게 아니라 편하게 그냥 다른 사이트나 파일의 내용을 끍어서 붙히기 하신다면 어쩔수 없이 html을 이해 하셔야 합니다.
귀찮더라도 전자를 해 보시길 권해 드립니다.
-
yong9551
2015.04.23 15:52
말씀하신대로 텍스트를 나의 개인홈피에 일단 옴긴 다음 거기서 복사해서 본문에 올리고 이미지는 따로 다시 업로드 했는데도 여젼히 같은 현상입니다.(test 9: http://kma21.net/xe/index.php?mid=freeboard&category=12547&document_srl=33983)
참고로 나의 개인홈피(http://yong9551.dothome.co.kr/)는 10년 이상 운영해오고 있는데 한 번도 이런 현상 없이 정확하게 시현되고 있는데(test 2 참조) 현재 가장 좋다는 XE 는 왜 본문 따로 이미지 따로 올리는 등 왜 이리 복잡하게 접근해야 되는지요? 복잡해도 시현만 된다면 감수할 수도 있는데 아무리 해도 되지를 않으니 어떻게 하면 좋을지...
-
ehii
2015.04.23 16:31
원본을 보니
<span><font> <ul></ul> </font></span> 이런식으로 블록태그(ul)를 인라인태그(span,font)가 감싸고 있습니다.
인라인태그 내에 블록태그를 두어서는 안됩니다.
잘못된 방식이기에 xe에디터에서 자동으로 태그를 닫아버리는 것 같네요.
<ul><li> <span><font>내용</font></span> </li></ul> 이런 순서여야 합니다.
DoorWeb 님 말씀대로 원본에 적용된 태그를 모두 없애고 순수하게 텍스트만 복사해서 붙여넣기 해보세요.
"텍스트는 에디터에 한번 붙혀 넣기 한 다음에 다시 복사해서 본문에 올리기" --> 여기서 텍스트 에디터란 홈페이지에 있는 텍스트 입력창이 아닌 윈도우 프로그램 "메모장" 같은 것입니다.
-
yong9551
2015.04.23 17:43
아닙니다. 저는 </ul> </font></span> 등 이러한 태그들은 마감하는 마지막에 </tr></td></table> 과 함게 쓰줘야 한다는 것 쯤은 알고 있는데, 맨 첫번 째 질문 내용 중에서 아래쪽(1번 항)을 보시면 잘 아시겠지만 일단 1)번 과 같이 올려 등록하고 나서 열어보면 2) 번 항과 같이, 아직 그 뒤에 본문이 한 참 남아있는데도 </ul> </font><pre></pre></span> 등 마감 태그들이 붙어버립니다.
이들을 다 삭제하고 다시 올리고 몇 번을 반복해도 열어보면 역시 마찬가지로 이런 태그들이 붙어 있습니다.
그리고 택스트 에디트를 할 때는 말씀하신대로 저의 컴에 있는 '메모장'을 열어 여기에 일단 저장한 후 이걸 복사해서 본문에 붙여넣기를 한답니다. 정말 무슨 이유인지 모르겠습니다.
-
ehii
2015.04.23 18:40
음.. 다시 한번 말씀드리자면.. 인라인태그 내에 블록태그를 두어서는 안됩니다.
지금 원문은
<table><tr><td>
<span> <ul><li> 내용 </li></ul> </span>
</td></tr></table> 이런 형식인데요.
span,font 태그가 ul li 태그를 감싸고 있어서는 안됩니다
따라서 span태그 뒤에 ul 태그가 나오면 --> span태그 내에 ul태그가 위치할 수 없기에 자동으로 span태그가 닫히는 것 입니다.
<table><tr><td>
<ul><li> <span> 내용 </span> </li></ul>
</td></tr></table> 이렇게 고쳐 쓰셔야 합니다.
-----------------------------------------------------------------------------------------
<table border=20 bordercolorlight=4E6A41 bordercolordark=405735 bgcolor=012904 cellpadding=0 cellspacing="0">
<tr><td bgcolor=012904 width=600>
<center><img src="http://yong9551.dothome.co.kr/sunset man.jpg"></center><ul><li>
<span style=color:#00ffff;filter:glow(color=blue);height:5px><span id="style" style="line-height:22px"><font face=바탕체 size=2>나는 일상생활을 하면서 잠시 잊고 지내다가
문득 문득 노년을 보내고 있는 나 자신을 발견하게 된다.
머리카락은 거의 백발이 되어가고 있고....
이 황혼의 노년이 참으로 따뜻하고 평화스럽다........
</font></span></span>
</li></ul>
<center><img src="http://yong9551.dothome.co.kr/458-1-1-3.jpg"></center>
<embed src="http://e450.chonbuk.ac.kr/~leecm/page/lee/66 Webber, Julian Lloyd - Panis Angelicus.mp3" hidden=true autostart=true loop=-1 volume=0 width=0 height=0></td></tr> </table>
-
yong9551
2015.04.23 19:29
앞에서도 몇 번이나 말씀드렸지만 인라인태그 내에 블록태그를 절대로 두지 않았는데도 </li></ul></span>
등이 무슨 이유인지 저절로 와서 스스로 닫아버립니다. 이 이유만 밝혀내면 다 해결될것 같은데 그걸 모르겠답니다.
그리고 li, alt, tbody 등의 태그를 저는 절대로 쓰지 않았는데도 저절로 와서 처음부터 붙어버리네요.
앞에 원문을 보면 잘 아시겠지만,
앞부분은 <table> <tr> <td> <font> <span> <ul> 이런 태그들 만 쓰고
그 다음은 본문 택스트,
마지막에는 앞부분에 쓴 태그들을 닫아주어야 하므로 </table> </tr> </td> </font> </span> </ul>
항상 이런 순서로 태그들을 쓰는데 이렇게 몇 번이나 확인하고 정확히 올리고 등록하고 나면
앞서 말씀드린 벼라별 태그들(il, alt, pre, /font, /span 등 등)이 앞에서 부터 붙어버립니다.
저는 다른 데서 복사해서 옮기는 것이 아니라 제가 직접 태그 소스들을 넣어가면 html 문장을 구성한답니다.
무슨 원인인지 다시 한 번 하교 부탁드립니다.
-
ehii
2015.04.23 20:10
앞부분은 <table> <tr> <td> <font> <span> <ul> 이런 태그들 만 쓰고
그 다음은 본문 택스트,
마지막에는 앞부분에 쓴 태그들을 닫아주어야 하므로 </table> </tr> </td> </font> </span> </ul>
----> 지금까지 잘 못 쓰시고 계셨습니다. 태그는 순서대로 닫는 것이 아닙니다.
가장 나중에 쓴 태그 부터 닫는 것입니다. 그래서 태그로 감싼다고 표현합니다.
<table> <tr> <td> </td> </tr> </table> 이렇게 쓰셔야 합니다.
따라서 <table> <tr> <td> <font> <span> <ul> 이렇게 태그를 쓰신 순간부터 "인라인태그 내에 블록태그를 두어서는 안됩니다. " 라는 HTML 규칙을 위반하신거구요. XE에디터는 이를 수정하기 위해 <ul>태그가 오기전에 font태그 span태그를 닫는 것입니다.
-
YJSoft
2015.04.23 19:54
<table border="20" bordercolorlight="4E6A41" bordercolordark="#405735" bgcolor="#012904" cellpadding="0" cellspacing="0">
<tr><td bgcolor="#012904" width="600"><center><img src="http://yong9551.dothome.co.kr/sunset man.jpg" editor_component=""></center>
<ul><li><span style="color:#00ffff;filter:glow(color=blue);height:5px;line-height:22px"><font face="바탕체" size="2">나는 일상생활을 하면서 잠시 잊고 지내다가
문득 문득 노년을 보내고 있는 나 자신을 발견하게 된다.
...........................................
.............................................
이 황혼의 노년이 참으로 따뜻하고 평화스럽다........</font></span></li></ul>
<center><img editor_component="" src="http://yong9551.dothome.co.kr/458-1-1-3.jpg"></center>
<embed src="http://e450.chonbuk.ac.kr/~leecm/page/lee/66 Webber, Julian Lloyd - Panis Angelicus.mp3" hidden="true" autostart="true" loop="-1" volume="0" width="0" height="0"></tr></td></table>위 코드와 같이 바꿔 주셔야 합니다.
- <span> 이나 <font> 등의 태그 안에는 <ul>등의 태그가 올 수 없습니다. 처음 사용하신 코드는 span 태그와 font 태그 뒤에 ul이 오는 비표준 태그입니다. 단순히 순서만 바꿔 주시면 됩니다.
- <ul>태그는 <li>태그가 없다면 무용지물입니다.
- alt속성이나 기타등등이 붙는 것을 방지하기 위해서는 editor_component="" 이 있어야 합니다. 없으면 강제로 이미지 컴포넌트로 변환됩니다.
- embed의 경우 관리자 화면의 기본 설정에서 embed 화이트 리스트에 주소를 추가해 주셔야 합니다.
비표준 태그 및 닫히지 않은 태그를 자동으로 닫아 주는 부분에서 발생하는 문제로 소스를 수정해 주셔야 합니다.
자세한 사항은 XE주소/admin/help/index.html 의 도움말을 참고해주세요.
-
yong9551
2015.04.24 19:54
1)위 다시 쓰 주신대로 올렸더니 이번에는 띄었쓰기가 전혀 시현되지 않고 있습니다.(http://kma21.net/xe/index.php?mid=freeboard&category=12547&document_srl=34124&act=dispBoardWrite/ tset 10)
2)그리고 이번에도 역시 제가 쓰주지 않은 태그 들이 붙어 있군요.
본문 글자 색을 color:#00ffff;filter:glow(color=blue); 로 했는데 그것은 삭제되고 그 자리에 나도 모르는 color: rgb(0, 255, 255); 라는 이상한 태그 소스가 붙어 있거나 < 가 무엇인지 이런 태그도 붙어있고..
3)그리고 태그소스를 마감할 때 앞에서 쓰준 태그의 역순으로 (</font></span></li></ul></tr></td></table>) 마감 한다는 것 잘 알고 있습니다. 댓글 문의에서 일부 순서를 틀리게 써준 것은 이 순서를 물어본 것이 아니고,
왜 본문이 아직 뒤에 있는데도 벌써 부터 </font></span> 등과 같은 마감 하는 태그들이 붙어 있어서 그 이유를 물어보느라 태그의 순서는 신경쓰지 않는 바람에 그렇게 일부 순서가 바뀌었을 뿐..(사실 순서가 일부 바뀌어도 저의 개인홈피나 기타 카페에서는 아무런 문제 없이 정확히 잘 시현되고 있음)
4)아무래도 현재 문제는 태그 소스의 순서 등 이런 문제 보다는
게시판 환경설정 등 보다 근원적인 데에 문제가 있을 것 같습니다.
왜냐하면 다른 홈피나 사이트에서는 이상 없이 잘 시현되므로..(참조: http://yong9551.dothome.co.kr/tset 2)
5)그리고 editor_component 나 embed 화이트 리스트는 어디에서 찾는지?
끍어 오신 소스때문에 생기는 문제인데요. 가급적이면 그대로 끍어 오기보다는 하나씩 이미지 따로 텍스트 따로 분리해서 업로드 하시길 권해 드립니다.
위 현상은 bgcolor="#012904" 때문에 생기는 현상입니다.