テンプレートエディター上にスタイルの自由入力欄を追加するブックマークレット

対象

プリセットテンプレート

対象となるサービス

テンプレートエディター(テンプレエディタ

内容

テンプレエディタでスタイル調整作業の際に、
並行してエディタのスタイル調整機能にないスタイル指定を試してみたい場合などに、
自由に入力可能なスタイルシート記入欄を追加するブックマークレットになります。

ブックマークレットは、スクリプトをブラウザのブックマークバーにドラッグ&ドロップすることで追加でき、
追加後はブックマークバーからクリックするだけで使用できるようになります。


※下記コードをすべて選択し、ブックマークバーにドラッグ&ドロップで「TEX」というボタン(ショートカット)がブックマークバーに追加されます。

javascript:name="/TEX?テンプレエディタスタイル手入力";
(ifr=document.querySelector('#__docusaurus iframe'))
.contentDocument.body.insertAdjacentHTML('beforeend',`<style id="stylex"></style>`);
stylex=ifr.contentDocument.getElementById('stylex');
document.body.insertAdjacentHTML("beforeend",`<textarea id="style_ta"
 style="position:fixed;top:15%;right:0%;background:#AFFA;"
 oninput="stylex.innerHTML=this.value;">body{}</textarea>`);

説明動画などおいおい追加して行きたいと思います。

1 Like