모든 브라우저의 하이픈에서 줄 바꿈을 방지하는 방법

Question

CMS에 ckeditor가 있습니다. 최종 사용자는 해당 ckeditor를 통해 긴 기사를 입력합니다. 이러한 기사의 하이픈에서 줄 바꿈을 방지하는 방법이 필요합니다.

모든 브라우저의 하이픈에서 줄 바꿈을 방지 할 여지가 있습니까?

또는 ckeditor가이를 방지 할 수있는 옵션이 있습니까?

Answer 1

내가 분할보다 안정적으로 그것을 할 간단한 방법은 없습니다 두려워 텍스트를 "words"(공백 문자로 구분 된 공백이 아닌 문자 시퀀스)로 묶고 하이픈을 포함하는 각 "단어"를 nobr 마크 업으로 묶습니다. bla bla foo-bar bla bla과 같은 입력 데이터는 bla bla <nobr>foo-bar</nobr> bla bla으로 바뀝니다.

"단어"에 문자와 숫자 이외의 문자가 포함되어있을 때마다 nobr 마크 업을 삽입하는 것이 좋습니다. 그 이유는 일부 브라우저는 "2/3"또는 "f (0)"과 같은 문자열을 깨뜨릴 수도 있기 때문입니다 (내 페이지 oddities of line breaking in browsers 참조).

Answer 2

You can use‑ 유니 코드 NON-BREAKING HYPHEN (U + 2011)입니다.

HTML : ‑ 또는

‑이 항목은 : http://en.wikipedia.org/wiki/Hyphen#In_computing

Answer 3

하나의 솔루션은 추가 span 태그와 white-space CSS 속성을 사용할 수 있습니다. 다음과 같이 클래스를 정의하면됩니다.

.nowrap { 
    white-space: nowrap; 
} 

그런 다음 하이픈으로 연결된 텍스트 주위에 해당 클래스의 스팬을 추가하십시오.

<p>This is the <span class="nowrap">anti-inflammable</span> model</p> 

이 방법은 모든 브라우저에서 잘 작동합니다 - 여기에 나열된 버그 구현은 white-space 재산의 다른 값은 다음과 같습니다 http://reference.sitepoint.com/css/white-space#compatibilitysection

Answer 4

는이

word-break: break-all; -webkit-hyphens:none;-moz-hyphens: none; hyphens: none; 

Answer 5

당신은 할 수없는 모든 HTML 인스턴스를 편집하지 않고 그것을하려고합니다. 따라서, 내가 그들을 대체 할 일부 JS를 썼다 :

jQuery를 :

//replace hypens with no-breaking ones 
$txt = $("#block-views-video-block h2"); 
$txt.text($txt.text().replace(/-/g, '‑')); 

바닐라 JS : 답장을 보내

function nonBrHypens(id) { 
    var str = document.getElementById(id).innerHTML; 
    var txt = str.replace(/-/g, '‑'); 
    document.getElementById(id).innerHTML = txt; 
}