2015-01-01 15 views
8

Ich möchte Text aus einem bestimmten Dokument (pdf, docx, html), in ein div der contenteditable Typ einfügen.Einfügen von HTML-Inhalt als Klartext in contenteditable div mit AngularJs

Jetzt möchte ich alle Formatierungen der Zwischenablage Text entfernen, bevor es gerendert wird. Der zuletzt eingefügte Inhalt sollte also ein einfacher Text sein.

Ein Analogon dieses Szenarios kann Inhalte in Windows Notepad einfügen.

Wie könnte dies mit AngularJs getan werden. Oder es gibt eine andere Javascript-Bibliothek, um dies zu realisieren.

Update: Ich kann den folgenden Code verwenden, um die Zwischenablage als Text zu erhalten.

editor.addEventListener("paste", function(e) { 
    // cancel paste 
    e.preventDefault(); 

    // get text representation of clipboard 
    var text = e.clipboardData.getData("text/plain"); 

    // insert text manually 
    document.execCommand("insertHTML", false, text); 
}); 

Aber ich weiß nicht, wie und wo diesen Code in AngularJs hinzufügen.

+0

Einfügen von Text-Bereich html wirken genauso wie das Einfügen Notizbuch ... –

+2

Ja, aber aus bestimmten Gründen habe ich ein div verwenden. – jsbisht

+0

Aber welches Verhalten erwarten Sie? Der Benutzer wählt etwas in MS-Word, dann gehen Sie zu Ihrer Seite und Strg-v es in div? o_O –

Antwort

0

Überprüfen Sie diese Antwort, Sie können einfügen Ereignisse erfassen. Es spielt keine Rolle, ob der Inhalt editierbar ist oder nicht.

JavaScript get clipboard data on paste event (Cross browser)

+0

Ich kann Daten aus der Zwischenablage abrufen. Ich möchte die Formatierung entfernen, um daraus einfachen Text zu erhalten. – jsbisht