オリジナル編集ブロックプラグイン第一弾のリリーステスト

オリジナルの編集ブロックプラグインをつくってみた。につづいて開発を進めていた。プラグインを実行テストするページです。

(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. りすと1
  2. りすと2
  3. りすと3

(4)画像

このように任意のテキストをキャプションとすることができます。

(5-ショートコード:YouTube)

映画『ハーブ&ドロシー アートの森の小さな巨人』予告編

(5-ショートコード:Google Maps)

GoogleMaps

(5-ショートコード:X(Twitter)とFacebook Page)

(6-引用)

引用のための編集ブロック

この編集ブロックは外部から引用してきた内容を掲載するためのものです。

複数のパラグラフを作成して、まとめて編集することが可能です。新しいパラグラフは改行(エンターキー)するだけで作成されます。

シフトキーを押しながら改行すると<br>タグによる改行になります。その場合は行頭のインデントが反映されませんので注意してください。

hustlemouse maruhiro (2023.11.10)