簡體   English   中英

用 <br> 並限制為Javascript或JQuery中的某些字符?

[英]Split string with <br> and limit to certain number of characters in Javascript or JQuery?

有沒有辦法用新行分割字符串,並且如果在達到有限字符數時發現空白,則繞過該單詞然后創建新行(br)? 是否有任何JQuery插件或一些Javascript代碼來實現這一目標?

例:

最多10個字符:

phrase:
tres tristes tigres tragaban trigo en un trigal.

instead of this:
tres trist
es tigres 
tragaban t
rigo en un
 trigal.

achieve this:
tres tristes 
tigres tragaban
trigo en un
trigal.

快速又骯臟:

var phrase = 'tres tristes tigres tragaban trigo en un trigal.';
var limit = 10;

var parts = phrase.split(' ');

var sentence = '';

for(i = 0; i <= parts.length -1; i++) {
    var word = i == parts.length-1 ? parts[i] : parts[i] + ' ';
    sentence += word;

    if(sentence.length > limit && i != parts.length-1) {
        document.write(sentence.trim() + '<br>');
        sentence = '';
    } else if (i == parts.length-1) {
        document.write(sentence);
    }


}

如何遍歷字符串並檢查您是否超過10個字符並且在空白處? http://jsfiddle.net/ajetd/

function breakString(myString, breakLen) {
    var count = 0,
        retString = "";

    for (i = 0; i < myString.length; i++) {
        retString += myString[i];
        if (count >= breakLen && myString[i].replace(/\s/g, '').length == 0) {
            retString += '<br/>';
            count = 0;
        }
        count++;
    }

    return retString;
}
 var str = "bla blah blach nhhnhnhfdfdfdfdf"
 splity(str)

 function splity(strr) {

 ten = 9;
   for(i=0; i < str.length; i++){
     document.write(str[i])

       if ((ten <= i) && (str[i] == " ")) {
         ten = ten*2
           document.write("<break>");       
  }}}

簡單但有效:)

查看以下網址 :[ http://phpjs.org/functions/wordwrap/ ],您將在此處找到答案。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM