微信小程序页面实现分享功能

基础部分

contenteditable

📖（是一个枚举属性，表示元素是否可被用户编辑）

1
<div contenteditable="true">这个是可以进行编辑的容器</div>

document.execCommand（已弃用）

📖该方法允许运行命令来操纵可编辑内容区域的元素。

1
2
3
4
5
6
7
8
9
10
11
12
13
<script setup lang="ts">
type Cmd = "bold" | "underline" | "italic";
function format(cmd: Cmd): void {
  document.execCommand(cmd);
}
</script>

<template>
  <button @click="format('bold')">加粗</button>
  <div contenteditable="true">这个是可以进行编辑的容器</div>
</template>

<style scoped></style>