鱼皮编程星球的内容编辑器？工作效率不如 puppeteer 高

2022-11-26 18:54:09

用 Puppeteer 自动化鱼皮编程星球编辑器：一劳永逸的解决方案

身处内容创作领域，我们经常需要在不同的平台上发布内容，而每个平台的编辑器都有其独特的特点和挑战。鱼皮编程星球的编辑器就是一个众所周知的难点，因为它容易出现 Markdown 格式混乱的情况。

鱼皮编程星球编辑器的挑战

在鱼皮编程星球的编辑器中复制和粘贴 Markdown 内容时，原本井井有条的标题层次结构可能会变成一团糟，令人头疼不已。例如，在掘金编辑器中编写的 Markdown 内容：

# 标题

## 小标题

### 内容

#### 内容

粘贴到鱼皮编程星球编辑器后，就会变成：

# 标题

## 小标题

### 内容

#### 内容

这显然不符合我们的预期，势必会带来额外的格式调整工作。

Puppeteer 的闪亮登场

为了解决这个难题，我们引入了 Puppeteer，一个无头浏览器，它可以模拟人类在浏览器中的操作。有了 Puppeteer，我们可以自动化编辑器中的复制和粘贴过程，省去手动调整的麻烦。

Puppeteer 的用法

要使用 Puppeteer，我们需要安装它并编写一个脚本：

安装 Puppeteer：

npm install puppeteer

编写 Puppeteer 脚本：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  // 打开鱼皮编程星球的编辑器
  await page.goto('https://www.fishsay.com/editor');

  // 复制内容
  await page.evaluate(() => {
    const content = document.querySelector('#editor').textContent;
    navigator.clipboard.writeText(content);
  });

  // 关闭浏览器
  await browser.close();
})();