オリジナルの編集ブロックプラグインをつくってみた。につづいて開発を進めていた。プラグインを実行テストするページです。
(1-パッセージ)
ひとつのパッセージ(節)のタイトルです。
これはパッセージブロックのテストです。このブロックはパラグラフ(段落)です。パラグラフ内の改行はシフトを押しながらリターンキーを押すとできますが、別のパラグラフを作って行をまとめて文章をレイアウトするため、このブロックは作られました。
新しいパラグラフを作る場合は、エンターキーだけを押します。これでパラグラフ毎にインデントを反映しても整合性が損なわれることがなくなります。
(2-スクリプト)
コードブロックのスクリプトモードです。プログラムコードの表記に利用します。
icon:{
//以下はSVGフォーマットのペンギンアイコンのソースコードをPlainに書き換えたソースです
src:el(
'svg',
{version:"1.1",id:"layer1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 80 80",enableBackground:"new 0 0 80 80",xmlSpace:"preserve"},
[
el('style',{type:"text/css"},'.st0{fill:#C4E4FF;}.st1{fill:#24388E;}.st2{fill:#F4D747;}.st3{stroke:#FFFFFF;stroke-width:4;stroke-miterlimit:10;}'),
el('polygon',{class:"st0",points:"59,34 59,80 19,80 19,46"}),
el('polygon',{class:"st1",points:"9,74 15.25,44 19.42,0 59,0 59,40"}),
el('polygon',{class:"st2",points:"59,14 75,24 59,24"}),
el('path',{class:"st3",d:"M44,6c3.87,0,7,3.13,7,7s-3.13,7-7,7s-7-3.13-7-7S40.13,6,44,6z"})
]
)
},
(2-ターミナル)
コードブロックのターミナルモードです。ターミナルウインドウの表記に利用します。
> ls -l
total 0
drwx------ 7 hustle staff 224 6 4 12:08 Applications
drwxr-xr-x@ 3 hustle staff 96 10 5 2021 Applications (Parallels)
drwx------@ 12 hustle staff 384 10 24 07:49 Creative Cloud Files
drwx------@ 11 hustle staff 352 10 6 19:45 Desktop
drwx------@ 21 hustle staff 672 6 17 08:55 Documents
drwx------@ 29 hustle staff 928 10 23 06:55 Downloads
drwx------@ 73 hustle staff 2336 10 23 19:36 Dropbox
drwx------@ 111 hustle staff 3552 5 17 09:23 Library
drwx------+ 9 hustle staff 288 1 21 2022 Movies
drwx------+ 8 hustle staff 256 1 25 2022 Music
drwxr-xr-x 3 hustle staff 96 7 23 2021 Parallels
drwx------+ 17 hustle staff 544 5 13 16:10 Pictures
drwxr-xr-x+ 4 hustle staff 128 5 23 2020 Public
drwxr-xr-x 7 hustle staff 224 5 13 2022 Sites
drwxr-xr-x 4 hustle staff 128 1 7 2023 _Alias
> exit
(3-リスト)
リストのタイトルです。このようにリストにタイトルを付帯できます。
- りすと1
- りすと2
- りすと3
(4)画像
(5-ショートコード:YouTube)
(5-ショートコード:Google Maps)
(5-ショートコード:X(Twitter)とFacebook Page)
(6-引用)
引用のための編集ブロック
この編集ブロックは外部から引用してきた内容を掲載するためのものです。
複数のパラグラフを作成して、まとめて編集することが可能です。新しいパラグラフは改行(エンターキー)するだけで作成されます。
シフトキーを押しながら改行すると<br>タグによる改行になります。その場合は行頭のインデントが反映されませんので注意してください。
hustlemouse maruhiro (2023.11.10)