JB Erebus Board (게시판 스킨) 영문 단어 잘림 현상 re

답변 감사드립니다 ; 설정에 들어가서 게시판이 영문이 지원되도록 하는 문제는 해결하였습니다.

 

영문 문장에서 영단어가 다음줄로 넘어갈때 잘리는 현상을 보여드리기 위해 사진을 첨부하였습니다.

이 문제를 해결할 방안은 없을까요?

이 게시물을

댓글'7'
XETemplate
  • 2012.08.06

게시물 본문영역에 출력되는 부분에서 영어 단어 잘림 현상을 없애시려면 사용하고 계시는 에디터의 스타일을 수정하셔야 합니다. 게시판 스킨과는 별도로 작동하는 부분이지요.


어떤 에디터 스타일을 사용하는지 모르겠지만 기본으로 가지고 설명드리자면


./modules/editor/styles/default/editor.css 5번줄을 아래처럼 수정하시면 됩니다.


원본

.xe_content{color:#000;font-size:12px;line-height:1.5;word-break:break-all;word-wrap:break-word}


수정

.xe_content{color:#000;font-size:12px;line-height:1.5;word-break:keep-all;word-wrap:break-word}

이 댓글을

siknyoung
  • 2012.08.06
  • 수정: 2012.08.06 11:50:39

에디터 내에서는 단어잘림현상이 사라지지만 글을 등록 한 후에는 잘림현상이 지속됩니다 아마도 등록한 후의 크기가 에디터의 크기와 또 다르기 때문인것 같은데요; 다른 곳도 수정해야하나요?

이 댓글을

XETemplate
  • 2012.08.06

해당 부분만 수정하시면 됩니다.

안되신다면 해당 게시판의 설정 > 추가설정 > 에디터 스타일이 제대로 지정되셨는지 확인해 보시길 바랍니다.


참고로 저희 사이트에서 수정 후 적용된 게시판 링크입니다.

http://www.xetemplate.com/94698

이 댓글을

siknyoung
  • 2012.08.06

위에 수정 후 적용된 게시판 링크에서도 사진에서 표시된 단어들과 같이

magazine과

her라는 단어가 잘려서

magaz

ine

he

r

이런식으로 표기가 되고 있습니다

이 현상을 해결할 방법은 없는건가요? ^^;

이 댓글을

XETemplate
  • 2012.08.06

우선 ./modules/editor/style/default/style.css 를 열어 3번줄을 아래와 같이 수정합니다.


원본

.xe_content{color:#000;font-size:12px;line-height:1.5}


수정

.xe_content{color:#000;font-size:12px;line-height:1.5;word-break:keep-all;}


이렇게 하시면 될겁니다. 하지만 모든 브라우저가 다 지원이 되진 않습니다.


이 댓글을

위처럼 수정하고 나니 크롬에서는 지원이 되지 않더군요...

 

같은 방식으로

/www/modules/board/skins/xe_default/css

에서 board의 내용중

 

 /* 본문 내용 */
.boardRead .boardReadBody { overflow:hidden; *zoom:1; margin:0 0 8px; padding:8px 4px; word-break:keep-all; }

위부분과 같이 수정한 결과 크롬에서 단어가 끊어지는 현상이 사라지게되었습니다.

 

어찌됬든 도움 주신점 감사합니다

이 댓글을

XETemplate
  • 2012.08.08

해결되셨다니 다행이네요~^^

이 댓글을

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 용량 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

에디터 선택

※ 주의 : 페이지가 새로고침됩니다

이 댓글을 삭제하시겠습니까?

공유하기