Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Krótkie wyrazy w nowej lini
Forum PHP.pl > Forum > Przedszkole
patryczakowy
18.07.2010, 18:08:43
Witam w jaki sposób mogę przerzucać wyrazy krótsze niż np 4 znaki do nowej Lini chodzi o to żeby linia tekstu nie kończyła się krótkim wyrazem.

Z góry dzięki za radę.
darko
18.07.2010, 18:17:06 
[PHP] pobierz, plaintext 
  1. $txt = 'coś tam coś ta';
  2. $new_txt = '';
  3. foreach(explode(' ', $txt) as $word)
  4. {
  5.   count($word) <= 4 ? $new_txt .= "\n<br/>" . $word : $new_txt .= ' ' . $word;
  6. }
  7. echo $new_txt;
[PHP] pobierz, plaintext

?
patryczakowy
18.07.2010, 18:22:54
niestety to nie zda egzaminu bardziej chodziło mi o js mam diva a w nim tekst ostatni wyraz wyświetlany w danej linii nie może być krótszy niż 4 znaki
darko
18.07.2010, 18:35:00
Skorzystamy z gotowca:
[HTML] pobierz, plaintext 
  1. <html><body>
  2. <script>
  3. function explode (delimiter, string, limit) {
  4.     // Splits a string on string separator and return array of components. If limit is positive only limit number of components is returned. If limit is negative all components except the last abs(limit) are returned.  
  5.     // 
  6.     // version: 1006.1915
  7.     // discuss at: http://phpjs.org/functions/explode    // +     original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  8.     // +     improved by: kenneth
  9.     // +     improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  10.     // +     improved by: d3x
  11.     // +     bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)    // *     example 1: explode(' ', 'Kevin van Zonneveld');
  12.     // *     returns 1: {0: 'Kevin', 1: 'van', 2: 'Zonneveld'}
  13.     // *     example 2: explode('=', 'a=bc=d', 2);
  14.     // *     returns 2: ['a', 'bc=d']
  15.      var emptyArray = { 0: '' };
  16.  
  17.     // third argument is not required
  18.     if ( arguments.length < 2 ||
  19.         typeof arguments[0] == 'undefined' ||        typeof arguments[1] == 'undefined' ) {
  20.         return null;
  21.     }
  22.  
  23.     if ( delimiter === '' ||        delimiter === false ||
  24.         delimiter === null ) {
  25.         return false;
  26.     }
  27.      if ( typeof delimiter == 'function' ||
  28.         typeof delimiter == 'object' ||
  29.         typeof string == 'function' ||
  30.         typeof string == 'object' ) {
  31.         return emptyArray;    }
  32.  
  33.     if ( delimiter === true ) {
  34.         delimiter = '1';
  35.     }    
  36.     if (!limit) {
  37.         return string.toString().split(delimiter.toString());
  38.     } else {
  39.         // support for limit argument        var splitted = string.toString().split(delimiter.toString());
  40.         var partA = splitted.splice(0, limit - 1);
  41.         var partB = splitted.join(delimiter.toString());
  42.         partA.push(partB);
  43.         return partA;
  44.       }
  45. }
  46. </script>
  47. <div id="my_div"></div>
  48. <script>
  49. var text = 'to jest przykladowt tekst bla bla bla';
  50. var x = explode(' ', text);
  51. var temp = '';
  52. for(var y in x)
  53. {
  54.   if(x[y].length <= 4)
  55.     temp +=  '<br/>' + x[y];
  56.   else
  57.   temp +=  ' ' + x[y];
  58. }
  59. document.getElementById('my_div').innerHTML = temp;
  60. </script>
  61. </body></html>
[HTML] pobierz, plaintext


kod funkcji za: http://phpjs.org/functions/explode:396
patryczakowy
18.07.2010, 19:08:35
dałeś mi to samo rozwiązanie tylko że teraz w js może lepiej uściśnie o co chodzi jest formularz zainstalowany tinyMce ktoś sobie wprowadza tekst który ma się wyświetlić na stronie i chodzi o to że teraz jak jest akapit w nim powiedzmy 5 linijek tekstu to zdarza się tak że linia kończy się powiedzmy literą "i" a tak nie powinno być w Wordzie funkcja o która mi chodzi nazywa się jeśli dobrze pamiętam "Wszy i wdowy" polega na tym że właśnie takie krótkie wyrazy są przerzucane do nowej Lini.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.