Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.

cutString

Kürzt Texte auf eine frei wählbare Länge.




normal
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.


cutString:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Das Preset wirkt hier auf alle Klassen mit Bezeichnung "element",
kürzt auf 50 Zeichen und hängt " ..." ran.

Anwendung

Plugin installieren und Preset erstellen. Das Preset bearbeiten und dabei die ID oder CLASS des betreffenden DIV und die Anzahl an Zeichen ändern.

Hier im Beispiel befindet sich das Droplet Lorem in einem
<div class="element">many many text</div>
Im Preset ist dazu folgendes zu sehen:
<!-- position: body -->
  <script type="text/javascript">
    if ( typeof jQuery != undefined ) {
      jQuery(document).ready(function($){
          $(".element").cutString({
            length:50,     // Length, default 20 characters
            ellipsisText:" ..." // default "-more"
          });
      });
    }
  </script>