2013-01-09 2 views
-3

다시,한 줄에 원하는 문자 길이에 따라 텍스트를 다시 포맷하는 JavaScript 코드?

나는 바닐라 자바 ​​스크립트 (또는 jQuery 플러그인)을 div 요소 내에 각 라인에 텍스트 문자의 수를 계산하고 특정 번호에 줄에 문자를 제한하여 텍스트를 포맷 할 코드를 찾고 있어요

.

저는 Zurb Foundation 그리드를 사용하고 있으며 글꼴 크기와 열 너비가 모두 동적이라고 생각합니다.

감사합니다.

+0

무엇을 시도 했습니까? 문자 길이에 따른 텍스트 배치는 다양한 문자 크기 (비표 간 글꼴)가있는 픽셀 행 길이보다 상당히 쉽습니다. – Halcyon

+1

화면 크기에 따라 div는 1000px 또는 300px H. 일 수 있습니다. 폭을 지정해야하고 글꼴 크기가 다를 수 있으므로 단어 감싸기 속성이 도움이되지 않습니다. 부모 요소의 크기와 글꼴 크기에 관계없이 60 자 또는 70자를 정확하게 감싸는 텍스트가 필요합니다. – MarkL

답변

1

텍스트를 원하는 문자 제한으로 다시 포맷하고 그 사이에 구분 기호를 삽입하는 기능이지만 태그를 전혀 고려하지 않습니다.

function wrap(str, limit) { 
    var len = str.length, 
     output = []; 

    for(var i=0;i*limit < len;i++) { 
     output.push(str.substring(i*limit, limit); 
    } 

    return output.join('<br>'); 
}