SwiftUI如何将段落内指定词语设置为可点击按钮

直接把段落里单独的「here」文本替换为带样式的可交互元素即可，不需要改动段落其他内容，具体操作如下：

• 常规网页场景下，优先用语义化的<button>标签包裹「here」，段落示例代码：

<p>你的备注段落前置内容 <button class="inline-here-btn" onclick="这里写你要触发的点击逻辑">here</button> 备注段落后续内容</p>

• 给按钮加行内适配样式，避免和周围文字错位，同时做出可点击的视觉提示，CSS代码如下：

.inline-here-btn {
  /* 清除按钮默认边框、背景等原生样式，和正文风格统一，兼容老浏览器可以把下一行换成 border: none; background: transparent; */
  all: unset;
  color: #1868d5;
  text-decoration: underline;
  cursor: pointer;
  padding: 0 1px;
  /* 强制继承父段落的字体和行高，避免错位 */
  font: inherit;
  line-height: inherit;
}
.inline-here-btn:hover {
  color: #3b82f6;
}

• 如果你需要点击后跳转到指定位置，也可以把<button>换成<a>标签，设置好对应的锚点或者跳转目标，套用上面的CSS就能达到完全一样的视觉效果。

注意：不要给按钮加固定的宽高、独立字号，保持和父段落文本属性一致，就能和示例效果匹配，按钮和周围文字完美对齐，不会出现突兀的块级错位。

最终效果就是「here」和正文在同一行，自带蓝色下划线的可点击提示，鼠标悬浮时会变成手型、颜色变浅，点击就能触发你预设的逻辑。

内容的提问来源于stack exchange，提问作者baohoang