自分用はてなブログgooglecodeprettify

google code prettify用のコードです。

　「引用ストック」をして、記事を書くときに引用貼り付けからコピーできるように、投稿しました。

　自分用に投稿しましたが、便利なので活用してみてください。

　ちなみにこのようにソースコードを見やすくする機能です。

<pre><code class="prettyprint linenums">
    <!--ここにソースコードを記入する
    ...-->
</code></pre>

------------------------------------------------------

個人用

https://cdn-ak.f.st-hatena.com/images/fotolife/S/Surprisedblog/20190527/20190527212335.png

<form action="https://codepen.io/pen/define" method="POST" target="_blank"><input name="data" type="hidden" value='{"title":"","html":"","css":"","js":"","js_external":"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"}' /> <input class="submit-codepen" disabled type="submit" value="CodePenで開く"} /></form>

<div class="tools-htmlwithcode">
<div class="title">
<span class="element">title</span>
<span class="html">HTML</span>
<span class="css">CSS</span>
<span class="js">JS</span>
</div>
<div class="body">
<div class="element"></div>
<div class="html"><pre><code class="prettyprint"></code></pre></div>
<div class="css"><pre><code class="prettyprint"></code></pre></div>
<div class="js"><pre><code class="prettyprint"></code></pre></div>
</div>
</div>