如何执行“全选”操作？和“复制到剪贴板”使用 Javascript 作为 asp:label？

发布于 2024-10-18 23:53:53 字数 327 浏览 5 评论 0原文

我想使用 javascript 复制 asp:label 的内容。

我可以使用这种方法来做到这一点：

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

但它会去除格式并仅复制文本。（我假设是因为数据格式设置为“文本”。）

标签包含一些格式化的 html。我想保留格式，获得与用鼠标在屏幕上突出显示它相同的效果，然后复制到（例如）Word 文档中。

原文

I want to copy the content of an asp:label using javascript.

I can do it using this method:

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

but it strips the formatting and just copies text. (I assume because the dataformat is set to "text".)

The label contains some formatted html. I want to preserve the format, getting the same effect as if I were to highlight it on screen with my mouse, and then copy into (for example) a word document.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

颜漓半夏 2024-10-25 23:53:53

已更新

以下内容将突出显示所需的 div，然后将 HTML 复制到剪贴板。转到 Word 并按 CTRL+V 将格式化的 html 粘贴到文档中。

<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>

Updated

The following will highlight the desired div and then copy the HTML to the clipboard. Go to Word and press CTRL+V to paste the formatted html into a document.

<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>

回复收藏 0 原文

~没有更多了~