Müssen Pure/jQuery-Javascript-Lösung Für die Reinigung von Word-HTML Aus Text-Bereich

Ich weiß, das Thema wurde angeschnitten hier aber ich habe nicht gefunden, eine praktikable Lösung für meine situation noch, so möchte ich aber das Gehirn Vertrauen zurück zu arbeiten und zu sehen, was getan werden kann.

Ich habe eine textarea in einem Formular, die Bedürfnisse zu erkennen, wenn etwas eingefügt wird, und reinigen, keine versteckten HTML & Anführungszeichen. Der Inhalt dieses Formulars wird immer per E-Mail an eine 3rd-party-system, das ist besonders zickig, so dass manchmal sogar der Enkodierung auf das html-entity-Zeichen ist nicht eine sichere Wette.

Kann ich leider nicht verwenden, so etwas wie FCKEditor, TinyMCE, etc, es ist gotta bleiben, eine regelmäßige textarea in diesem Beispiel. Ich habe versucht zu sezieren FCKEditor das einfügen von word-Funktion aber nicht hatte Glück-tracking-it down.

Allerdings bin ich in der Lage zu verwenden die jQuery-Bibliothek, wenn es sein muss, aber nicht gefunden habe ein jQuery-plugin, für das nur noch.

Ich bin speziell auf der Suche nach Informationen, die darauf ausgerichtet sind, die Reinigung der Informationen eingefügt, die nicht zum überwachen des element für die Veränderung der Inhalte.

Jede Konstruktive Hilfe würde sehr geschätzt werden.

InformationsquelleAutor User | 2009-06-24
  1. 8

    Ich bin auf der Suche David Archer ' s Antwort und er ziemlich viel Antworten es. Ich habe in der Vergangenheit verwendet eine Lösung ähnlich zu sein:

    $("textarea").change( function() {
    //convert any opening and closing braces to their HTML encoded equivalent.
    var strClean = $(this).val().replace(/</gi, '&lt;').replace(/>/gi, '&gt;');

    //Remove any double and single quotation marks.
    strClean = strClean.replace(/"/gi, '').replace(/'/gi, '');

    //put the data back in.
    $(this).val(strClean);
});

    Wenn Sie auf der Suche nach einem Weg, um vollständig zu ENTFERNEN HTML-tags

    $("textarea").change( function() {
    //Completely strips tags.  Taken from Prototype library.
    var strClean = $(this).val().replace(/<\/?[^>]+>/gi, '');

    //Remove any double and single quotation marks.
    strClean = strClean.replace(/"/gi, '').replace(/'/gi, '');

    //put the data back in.
    $(this).val(strClean);
});
    • Ich wünschte, ich wusste, RegEx, so dass ich schreiben könnte ein sollution so einfach (:
    InformationsquelleAutor Shane Tomlinson
  2. 5

    Man könnte prüfen, Word-HTML-Cleaner von Connor McKay. Es ist ein ziemlich starker Reiniger, dass es entfernt eine Menge Sachen, die Sie vielleicht zu halten, aber wenn das ist kein problem, es sieht ziemlich anständig.

    • Klar ist die beste, die ich gefunden habe! Vielen Dank, Tim!
    • Ein besseres habe ich herausgefunden, dass nicht Streifen allerdings werden Zeilenumbrüche und andere kritische Formatierung: jhy.io/tools/convert-word-to-plain-text
    InformationsquelleAutor Tim Molendijk
  3. 1

    Was über so etwas wie dieses:

    function cleanHTML(pastedString) {
    var cleanString = "";
    var insideTag = false;
    for (var i = 0, var len = pastedString.length; i < len; i++) {
        if (pastedString.charAt(i) == "<") insideTag = true;
        if (pastedString.charAt(i) == ">") {
            if (pastedString.charAt(i+1) != "<") {
                insideTag = false;
                i++;
            }
        }
        if (!insideTag) cleanString += pastedString.charAt(i);
    }
    return cleanString;
}

    Dann verwenden Sie einfach die Ereignis-listener, um diese Funktion aufrufen, und übergeben Sie den string eingefügt.

    • Nicht, dass noch funktionieren, wenn es unerreichte < oder > Zeichen in html-Kommentare?
    InformationsquelleAutor peirix
  4. 1

    Könnte es sinnvoll sein, mit der blur-Ereignis, das würde ausgelöst werden, weniger Häufig:

    $("textarea").blur(function() {
    //check input ($(this).val()) for validity here
});
    InformationsquelleAutor zilverdistel
  5. 0

    Bearbeitet von den jquery docs..

    $("textarea").change( function() {
    //check input ($(this).val()) for validity here
});

    Das ist für die änderungen erkennen. Das reinigen würde wahrscheinlich ein regex Art

    editiert oben zu schauen für eine textarea keine textbox

    • Ich bin vertraut mit, wie monitor eine Aktion einfügen in die textarea schreiben, aber ich brauche wirklich etwas mehr zu tun mit tatsächlich die Reinigung der Inhalte. Trotzdem danke.
    InformationsquelleAutor Dave Archer
Schreibe einen Kommentar