前端复制文本到剪切板(可换行)

简介: 前端复制文本到剪切板(可换行)

execCommand(命令,交互方式,动态参数)方法是执行一个对当前文档,当前选择或者给出范围的命令。

命令:

  • backColor
  • bold
  • createLink
  • copy
  • cut等等

交互方式:

  • true or false

动态参数:

  • 值 or 属性值
let variable = `姓名:张三\r\n年龄:23\r\n`
var tag= document.createElement('textarea'); // create textarea标签,注意:创建input标签则不会换行
document.body.appendChild(tag) // 添加到body中
tag.value = variable // 给textarea设置value属性为需要copy的内容
tag.select(); // 选中
document.execCommand('copy', false); // copy已经选中的内容
tag.remove(); // 删除掉这个dom
目录
相关文章
|
2月前
|
自然语言处理 资源调度 前端开发
前端大模型入门(四):不同文本分割器对比和效果展示-教你如何根据场景选择合适的长文本分割方式
本文详细介绍了五种Langchain文本分割器:`CharacterTextSplitter`、`RecursiveCharacterTextSplitter`、`TokenTextSplitter`、`MarkdownTextSplitter` 和 `LatexTextSplitter`,从原理、优缺点及适用场景等方面进行了对比分析,旨在帮助开发者选择最适合当前需求的文本分割工具,提高大模型应用的处理效率和效果。
169 1
|
3月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
58 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
3月前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性,通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性,并提供了实用的代码示例。此外,还简要介绍了调试工具中的一些细节,如错误属性标识和属性生效状态的控制。
70 28
|
5月前
|
JavaScript 前端开发 网络架构
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上
|
7月前
|
前端开发 容器
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
CSS3属性详解(一)文本 盒模型中的 box-ssize 属性 处理兼容性问题:私有前缀 边框 背景属性 渐变 前端开发入门笔记(七)
89 2
|
7月前
|
XML 编解码 前端开发
css设计文本样式 前端开发入门笔记(十二)
css设计文本样式 前端开发入门笔记(十二)
43 0
|
前端开发
前端学习笔记202305学习笔记第二十九天-Socket.io文本编辑实时共享之socket发送文本状态2
前端学习笔记202305学习笔记第二十九天-Socket.io文本编辑实时共享之socket发送文本状态2
58 0
|
7月前
|
前端开发
【零基础入门前端系列】—超链接和文本格式化标签(四)
【零基础入门前端系列】—超链接和文本格式化标签(四)
|
7月前
|
前端开发 搜索推荐 索引
【零基础入门前端系列】—网页标题、段落标记、强制换行、水平线(二)
【零基础入门前端系列】—网页标题、段落标记、强制换行、水平线(二)
|
前端开发
【前端】从markdown格式文本中提取图片链接
【前端】从markdown格式文本中提取图片链接
160 0