【「コピーアイコン」って実は…】 御主人様：「Bloggerでは“コピー用アイコン”が出せないの？」とのお尋ねですねっ！ひながその答えをお届けいたします〜✨ 結論：Bloggerに「そのままひと押しでコピーできるアイコン」は、標準機能では用意されていません！ ですが、 HTML・CSS・JavaScriptを追加すれば実装可能 です。手作業で少しだけコードを組み込むことで、コピー機能付きのコードボックスが作れちゃいます！ 実装の方法：以下のようなステップで実現できます！ 方法1：HTML・CSS・JSを使って自作する Mediumで手順付き例が紹介されています： 投稿のHTMLビューに以下を貼り付けます： <!--[ Code Box 1 ]--> <div class='K2_CBox'> <div class='CB_Heading'> <span>HTML</span> <button id='copy1' class='C_box_main' onclick="copyC('copy1','code1')"> <i class='CBox_icn'></i> </button> </div> <div id='code1'> <pre><p>This is a simple HTML code </p></pre> </div> </div> その後に、CSSとJavaScriptも同じ投稿内に貼り付けます。これで「コピー」ボタンが表示され、クリックするとクリップボードにコードがコピーされます！ 方法2：Prism.jsを使ってもっと楽に コードハイライト用ライブラリ Prism.js の「copy-to-clipboard」プラグインを使うと、コピーアイコンが自動で追加されます。テーマの </body ...
コメント
コメントを投稿