Wie mache ich ein "select all" und "copy to clipboard" mit Javascript asp:label?

Ich wollen, kopieren Sie die Inhalte eines asp:label mit javascript.

Kann ich es mit dieser Methode:

strContent = document.getElementById('MainContent_lblHtml').innerText;
window.clipboardData.setData("Text", strContent);

aber es Streifen die Formatierung und nur Kopien text. (Ich vermute, weil die dataformat auf "text".)

Die Beschriftung enthält einige formatierte html. Ich möchte das format beibehalten, immer der gleiche Effekt, als wenn ich wurden, um Sie zu markieren auf dem Bildschirm mit meiner Maus, und kopieren Sie dann in (z.B.) einem word-Dokument.

InformationsquelleAutor Ben | 2011-02-25

  1. 1

    Aktualisiert

    Folgenden wird markieren Sie das gewünschte div-Element und kopieren Sie dann die HTML in die Zwischenablage. Gehen Sie zu Word, und drücken Sie STRG+V, um fügen Sie den html in ein Dokument.

    <script type="text/javascript">
    function CopyHTMLToClipboard() {    
        if (document.body.createControlRange) {
            var htmlContent = document.getElementById('MainContent_lblHtml');
            var controlRange;

            var range = document.body.createTextRange();
            range.moveToElementText(htmlContent);

            //Uncomment the next line if you don't want the text in the div to be selected
            range.select();

            controlRange = document.body.createControlRange();
            controlRange.addElement(htmlContent);

            //This line will copy the formatted text to the clipboard
            controlRange.execCommand('Copy');         

            alert('Your HTML has been copied\n\r\n\rGo to Word and press Ctrl+V');
        }
    }    
</script>
    Noch nicht ganz das, was ich bin nach. Sie müssen verzeihen Sie meine Unwissenheit, ich bin mir nicht ganz sicher, wie es funktioniert. Wenn Sie fügen Sie eine website-Inhalt in Wort, werde es behalten Sie die Formatierung. Wenn Sie einfügen über innerHTML, wie oben, es werden die tags in Word.
    Ah, ich sehe. Ich dachte, Sie wollte nur kopieren Sie die HTML selbst. Ich habe aktualisiert den code so, dass das kopieren ermöglichen Ihnen das einfügen komplett formatierter code in einem Microsoft Word-Dokument.
    Dank SEHR viel! Diese wurde driving me crazy!
    Toll. Es fuhr mich verrückt zu. Es dauerte eine Weile, um herauszufinden.
    "Kommentieren Sie die nächste Zeile, wenn Sie nicht möchten, dass Sie den text in das div-Element gewählt werden" sollte "Kommentieren Sie die nächste Zeile, wenn Sie wollen, den text in das div-Element, ausgewählt zu werden"

    InformationsquelleAutor NakedBrunch

Schreibe einen Kommentar