原生 iOS 开发二十年，复杂文本处理为何还是 Web 技术更靠谱？

<p>这是一段<strong>粗体</strong>文本，包含<a href="...">链接</a>和<code>行内代码</code>。</p>

import UIKit

// 假设 Markdown 已解析为以下节点列表
// （实际项目中你需要自己写或引入一个 Markdown parser）
struct MDNode {
    let type: String   // "text", "bold", "link", "code"
    let content: String
    let href: String?  // 仅 link 类型有值
}

let nodes: [MDNode] = [
    MDNode(type: "text",   content: "这是"),
    MDNode(type: "bold",   content: "粗体"),
    MDNode(type: "text",   content: "文本，包含"),
    MDNode(type: "link",   content: "链接", href: "https://example.com"),
    MDNode(type: "text",   content: "和"),
    MDNode(type: "code",   content: "行内代码"),
    MDNode(type: "text",   content: "。")
]

func renderNodes(_ nodes: [MDNode]) -> NSAttributedString {
    let result = NSMutableAttributedString()
    for node in nodes {
        let segment = NSMutableAttributedString(string: node.content)
        switch node.type {
        case "bold":
            segment.addAttribute(.font, value: UIFont.boldSystemFont(ofSize: 16),
                                 range: NSRange(location: 0, length: segment.length))
        case "link":
            segment.addAttribute(.link, value: node.href ?? "",
                                 range: NSRange(location: 0, length: segment.length))
            segment.addAttribute(.foregroundColor, value: UIColor.systemBlue,
                                 range: NSRange(location: 0, length: segment.length))
        case "code":
            segment.addAttribute(.font, value: UIFont(name: "Menlo", size: 14) ?? UIFont.systemFont(ofSize: 14),
                                 range: NSRange(location: 0, length: segment.length))
            segment.addAttribute(.backgroundColor, value: UIColor.systemGray6,
                                 range: NSRange(location: 0, length: segment.length))
        default:
            segment.addAttribute(.font, value: UIFont.systemFont(ofSize: 16),
                                 range: NSRange(location: 0, length: segment.length))
        }
        result.append(segment)
    }
    return result
}

// 使用：赋值给 UITextView 的 attributedText
let textView = UITextView()
textView.attributedText = renderNodes(nodes)
textView.isEditable = false
textView.isSelectable = true

// 最小 Electron 示例：Markdown 渲染 + 可交互富文本
// 项目结构：package.json + main.js + index.html

// package.json
// {
//   "name": "md-editor-demo",
//   "version": "1.0.0",
//   "main": "main.js",
//   "dependencies": { "marked": "^12.0.0" }
// }

// main.js
const { app, BrowserWindow } = require('electron');
const path = require('path');

app.whenReady().then(() => {
  const win = new BrowserWindow({
    width: 800, height: 600,
    webPreferences: { nodeIntegration: true, contextIsolation: false }
  });
  win.loadFile('index.html');
});

// index.html
const { marked } = require('marked');

const mdSource = `这是**粗体**文本，包含[链接](https://example.com)和\`行内代码\`。`;

// marked 直接把 Markdown 转成嵌套 HTML
const htmlOutput = marked.parse(mdSource);

document.getElementById('editor').innerHTML = htmlOutput;

// CSS 处理所有排版细节——等宽、背景、间距，零 JS 逻辑
const style = document.createElement('style');
style.textContent = `
  code {
    font-family: 'Menlo', 'Consolas', monospace;
    font-size: 14px;
    background: #f0f0f0;
    padding: 2px 4px;
    border-radius: 3px;
  }
  a { color: #0066cc; }
  strong { font-weight: 600; }
`;
document.head.appendChild(style);