从零开始构建一个油猴脚本：一键将文章拷贝到微信公众号

前端

2023-10-28 13:48:26

众所周知，微信公众号已成为内容传播的重要平台，但由于其严格的内容管控机制，直接从外部网站复制代码会造成排版混乱。这对于想要转载优质文章的公众号运营者来说，无疑是一个难题。

本文将介绍如何从零开始构建一个油猴脚本，帮助你一键将文章内容拷贝到微信公众号编辑器中，解决排版困扰，提升转载效率。

为何需要此脚本？

在没有油猴脚本之前，转载文章需要经历以下繁琐步骤：

复制文章内容。
打开微信公众号编辑器。
粘贴内容。
手动修复排版。

这个过程不仅耗时，而且容易出错。而油猴脚本可以自动化这些步骤，只需一键即可完成文章的拷贝和排版，大大提高效率。

构建脚本

安装油猴脚本管理器： 在 Chrome 网页商店中搜索 "Tampermonkey"，安装扩展程序。
新建脚本： 点击扩展程序图标，选择 "新建脚本"。
编写代码： 在代码编辑器中粘贴以下代码：

// ==UserScript==
// @name         文章拷贝助手
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  一键将文章内容拷贝到微信公众号编辑器
// @author       你的名字
// @match        *://*/*
// ==/UserScript==

(function() {
    'use strict';

    // 添加按钮
    var button = document.createElement('button');
    button.innerHTML = '复制到微信公众号';
    button.style.position = 'fixed';
    button.style.top = '0';
    button.style.right = '0';
    document.body.appendChild(button);

    // 按钮点击事件
    button.addEventListener('click', function() {
        // 获取文章内容
        var content = document.querySelector('article').innerHTML;

        // 清除微信公众号编辑器中的内容
        window.parent.postMessage({ type: 'clear' }, '*');

        // 将内容复制到微信公众号编辑器
        window.parent.postMessage({ type: 'paste', content: content }, '*');
    });
})();