Mac OSにてpandocとpbpaste、pbcopyを利用して、ChatGPTの回答をコピペでいい感じに WordPressに貼り付けてみた

最近たまにChatGPTを利用することがあるのですが、そのChatGPTの回答をWordpressに貼り付けたいことってありませんか？

私は最近、それができたらいいなあとおもっていたところ、pandocというアプリケーションと Mac 標準の？pbpaste、pbcopyコマンドを利用して、比較的簡単に実現する方法を見つけたのでここに共有しておきます。

流れとしては、

１．pandocをMacにインストール
２．ChatGPTに質問し、その回答をコピー
３．コンソールで pandoc、pbpaste、pbcopyコマンドを実行
４．WordpressにてカスタムHTMLの部品を作成
５．カスタムHTMLにクリップボードの内容を貼り付け

といった感じです。

１．pandocをMacにインストール

HomebrewでMac OSに pandocをインストールしてもいいらしいのですが、私の環境ではうまくいかなかった（インストールはできたのかもしれませんが、PATHがうまく設定できず断念）したので、パッケージをダウンロードしてインストールしました。

jgm /pandoc 
https://github.com/jgm/pandoc/releases

２．ChatGPTに質問し、その回答をコピー

ChatGPTが回答すると、最後に以下のようなマークが出力されると思います。その中から左から２番目（赤枠部分）をクリックします。

そうすると、ChatGPTの回答がクリップボードに貼り付けられます。

３．コンソールで pandoc、pbpaste、pbcopyコマンドを実行

そしたら、Mac OSのコンソールから以下のコマンドを実行します。

 % pbpaste | pandoc --to=html | pbcopy

すると、自動的に クリップボードのデータがHTMLのタグ付きデータに変換されます。うーん、便利。

４．WordpressにてカスタムHTMLの部品を作成

クリップボードのHTMLのタグ付きデータを貼り付けたいので、WordPress の部品から、以下の通り「カスタムHTML」を選択します。

５．カスタムHTMLにクリップボードの内容を貼り付け

最後に、「カスタムHTML」の中にクリップボードの内容をペーストすれば完了です。

貼り付けた後、プレビュー でみてみれば完成イメージが確認できます。なお、このプレビュー は簡易的なので、実際にどう見えるかは実際に記事をアップロードして確認したほうが良いと思います。

参考サイト：

PandocのインストールとPDF生成（macOS）
https://blog.machine-powers.net/2018/07/02/install-pandoc-and-generate-pdf/#pandocのインストール
ChatGPTの回答をWordPressに整形テキストとして貼り付ける方法
https://flogics.com/wp/2024/09/chatgpt-markdown-to-wordpress/