Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Joost Gestern um 18:02

» Forum löschen, Probleme mit Gründeraccount
von Igazus Gestern um 17:57

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» PN's werden nicht mehr rot eingefärbt
von Ray Sa 16 März 2024 - 16:41

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

» Neuer User kann sich anmelden.
von Joost So 11 Feb 2024 - 18:06

» [phpBB3] Suchfunktion ohne Funktion
von Joost Sa 10 Feb 2024 - 19:38

» Die Sturmkriger (WaCa) mit Punktesystem
von Rama Di 6 Feb 2024 - 18:49

» Style funktioniert nicht
von Joost So 4 Feb 2024 - 16:50

» Vergabe von Auszeichnungen
von Eto Sa 3 Feb 2024 - 20:13

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
( 2 )


» Beitrag von Joost in Entdeckt die neue Option Servimg Premium
( 2 )


» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )


» Beitrag von Skouliki in Beiträge verschwinden
( 1 )


» Beitrag von Skouliki in Beiträge verschwinden
( 1 )


[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Empty [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen

Beitrag von Günther Di 11 März 2014 - 18:44

Wörter- und Zeichenzähler beim Beitragsschreiben

Hallo,

in diesem Tutorial möchte ich euch dabei helfen, euren Mitgliedern einen Wörter- und Zeichenzähler beim Schreiben ihrer Beiträge anzubieten.
[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Tuto_z10

Der Wörter- und Zeichenzähler besitzt folgende Vorteile:

  • zeigt in Echtzeit die aktuelle Anzahl an Wörtern und Zeichen an
  • funktioniert unter allen Forenversionen
  • funktioniert sowohl im Codemodus als auch im WYSIWYG-Modus des Editors
  • zählt BBCode nicht mit

[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen 09615110 Schritt 1: Javascript einsetzen

Du betrittst die Javascript-Verwaltung:
Administrations-Bereich (erweitert) [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Arrow10Module [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Arrow10HTML und JAVASCRIPT [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Arrow10Javascript Codes Verwaltung

Zunächst stellst du sicher, dass sie aktiviert ist:
[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Tuto_z11

Anschließend erstellst du mithilfe des Buttons [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Tuto_z12 ein neues Javascript mit folgenden Einstellungen:
[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Tuto_z17

In das Feld Javascript Code fügst du folgenden Code ein:
Code:
$(window).load(function() {
$(".sceditor-container").after("<div id='Forumieren_editorAmount'>Du hast 0 Zeichen und 0 Wörter geschrieben</div>");
$(".sceditor-container > textarea").keyup(function() {
var Forumieren_characterAmount = $(".sceditor-container > textarea").val().replace(/\[img[^\]]*\]((?!\[[[\/]*img).)*\[\/img\]/g,"").replace(/\[[^\]]*\]/g,"").length;
var Forumieren_wordAmount = $(".sceditor-container > textarea").val().replace(/\s/g, " ").split(" ").length;
$("#Forumieren_editorAmount").html("Du hast " + Forumieren_characterAmount + " Zeichen und " + Forumieren_wordAmount + " Wörter geschrieben");
});
$(".sceditor-container > iframe").contents().find("body").keyup(function() {
var Forumieren_wysiwygBody = $(".sceditor-container > iframe").contents().find("body");
var Forumieren_txt = Forumieren_wysiwygBody.text().replace(/\[[^\]]*\]/g,"");
var Forumieren_html = Forumieren_wysiwygBody.html();
var Forumieren_htmlClean = Forumieren_html.replace(/<br><\/p>/g,"</p>").replace(/<br><\/div>/g,"</div>").replace(/ align=\"left\"/g,"").replace(/ align=\"center\"/g,"").replace(/ align=\"right\"/g,"").replace(/<br type=\"_moz\">/g,"");
var Forumieren_whiteSpace = 0;
if ( Forumieren_htmlClean.indexOf("<\/p><p>") >= 0 ) {
  var Forumieren_numP = Forumieren_htmlClean.match(/<\/p><p>/g).length;
  Forumieren_whiteSpace = Forumieren_whiteSpace + Forumieren_numP;
};
if ( Forumieren_htmlClean.indexOf("<\/div><div>") >= 0 ) {
  var Forumieren_numDiv = Forumieren_htmlClean.match(/<\/div><div>/g).length;
  Forumieren_whiteSpace = Forumieren_whiteSpace + Forumieren_numDiv;
};
if ( Forumieren_htmlClean.indexOf("<br>") >= 0 ) {
  var Forumieren_numBr = Forumieren_htmlClean.match(/<br>/g).length;
  Forumieren_whiteSpace = Forumieren_whiteSpace + Forumieren_numBr;
};
if ( $(".sceditor-container > iframe").contents().find("body div").length > 0 ) {
  Forumieren_whiteSpace = Forumieren_whiteSpace -1;
};
if ( $(".sceditor-container > iframe").contents().find("body").parent().html().indexOf("<br></body>") >= 0 ) {
  Forumieren_whiteSpace = Forumieren_whiteSpace -1;
};
var Forumieren_characterAmount = Forumieren_txt.length + Forumieren_whiteSpace;
var Forumieren_wordAmount = Forumieren_txt.replace(/\s/g, " ").split(" ").length + Forumieren_whiteSpace;
$("#Forumieren_editorAmount").html("Du hast " + Forumieren_characterAmount + " Zeichen und " + Forumieren_wordAmount + " Wörter geschrieben");
});
});

Zuletzt klickst du unter dem Eingabefeld auf Bestätigen.

[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen 09615110 Schritt 2: CSS-Code einsetzen

Du öffnest das CSS-Stylesheet:
Administrations-Bereich (erweitert) [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Arrow10Anzeige [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Arrow10Bilder & Farben [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Arrow10Farben [Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Arrow10Reiter "CSS Stylesheet"

Dort fügst du folgenden Code ein:
[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Tuto_z16

Code:
/* Wörter- und Zeichenzähler ANFANG */
#Forumieren_editorAmount {
  color: #000000;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}
/* Wörter- und Zeichenzähler ENDE */
Die Schriftfarbe (color) sowie Schriftgröße (font-size) der Meldung kannst du selbst im Code nach Bedarf anpassen.

Falls in diesem Eingabefeld bereits Code vorhanden ist, fügst du den CSS-Code für den Wörter- und Zeichenzähler einfach unterhalb des bereits vorhandenen Codes ein.
Anschließend klickst du unter dem Eingabefeld auf Annehmen und kannst den Wörter- und Zeichenzähler sofort ausprobieren. Smile


Viel Spaß mit dem Wörter- und Zeichenzähler! Very Happy

Liebe Grüße
Günther

Dieses Tutorial stammt von Günther.
Das Tutorial unterliegt dem Copyright von hilfe.forumieren.com.
Eine Veröffentlichung außerhalb von hilfe.forumieren.com ist nicht gestattet!
[Tutorial] Wörter- und Zeichenzähler beim Beitragsschreiben hinzufügen Helpmo10
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Arisuki mag diesen Beitrag

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten