选择 HTML 的部分 [重复]

Posted 2023-03-06

【中文标题】选择 HTML 的部分 [重复]

【英文标题】：Selecting Sections of HTML [duplicate]

【发布时间】：2014-07-24 05:53:59

【问题描述】：

有没有一种方法可以使用 javascript 选择要复制的 html 部分，类似于用户通过单击和拖动网站的部分进行复制的方式？

我找不到任何关于复制实际 HTML 区域的信息，只能输入文本，所以我很感兴趣这是否真的可行。

我不是在寻找让它看起来像是被选中的东西，我想实际选择 HTML，以便用户可以将其复制/粘贴到另一个应用程序/窗口中。

谢谢！

【问题讨论】：

@JakeKing 不寻找文本选择，我想在这里选择 HTML。

看看问题/答案——它是关于选择 HTML 的。

您正在寻找 gmail 提供的功能？当您选择表格然后插入邮件时，它看起来像表格？不只是拆分文本？或者您只想选择带有标签的完整标记？

@Uriil 类似，是的。我想选择页面的实际 HTML/文本，以便用户可以在其他地方按 Ctrl-C、Ctrl-X。

这里是您可能需要的：***.com/questions/5973978/…

【参考方案1】：

var body = document.getElementsByTagName("body")[0];
var html = body.outerHTML

通过上面的 sn-p，你现在拥有了 body 标记内（包括在内）的所有 HTML。随心所欲地使用它。

【讨论】：

我不希望以编程方式执行此操作。我希望用户能够用数据填充一些 HTML，然后有一个按钮来选择填充的 HTML 以粘贴到另一个程序中。不过谢谢！

然后将其全部放入一个文本区域并让用户从那里复制它。强迫他们将其添加到剪贴板并不是一个好的设计。不过看看github.com/zeroclipboard/zeroclipboard。