MovableTypeのMTBlockEditor

: らら

2024.02.01

Movable Type

はじめに

MovableType8から標準機能になったMTBlockEditorのメモ書きです。

本家説明はこちらから

https://www.movabletype.jp/blog/mtblockeditor-1.html

今回は、ブロックエディタで使用される、MovableType専用コメントタグのおぼえがきです。

MovableType上では、このタグをブロックごとの切り分けで使用しているようです。

データインポートとか、手動でHTMLを書くときにいりそうなので・・・

コメントタグ例

標準書式？？


<!-- mt-beb t="ブロック種別" -->各HTMLタグ<!-- /mt-beb -->

下記を組み合わて置くことで、管理画面上、正しくブロックとして認識されます。

テキストブロック

こちらは、各HTMLタグにp,H1,H2などのタグを記載すると、段落、見出しに区分されます。


<!-- mt-beb --><p>test</p><!-- /mt-beb -->

画像


<!-- mt-beb t="mt-image" m='1' --><p>
<img src="http://xxx.xxxx.xxx/assets/test.jpg" alt="" width="306" height="210" class="asset asset-image" style="max-width:100%;height:auto;display:block"/></p>
<!-- /mt-beb -->

ファイル


<!-- mt-beb t="mt-file" m='2' --><div><a href="http://xxx.xxxx.xxx/assets/file.pdf">file.pdf</a></div><!-- /mt-beb -->

HTML

HTMLタグ全般になります。


<!-- mt-beb t="core-html" --><div>aaaa</div><!-- /mt-beb -->

oEmbed


<!-- mt-beb t="sixapart-oembed" m='3' h='' -->埋め込み用のHTMLを取得することができませんでした: http://xxx.xxxx.xxx/<!-- /mt-beb -->

テーブル


<!-- mt-beb t="core-table" -->
<table>
<tr>
<td>test</td>
<td>test</td>
</tr>
</table>
<!-- /mt-beb -->

罫線


<!-- mt-beb t="core-horizontalrule" --><hr/><!-- /mt-beb -->

マルチカラム


<!-- mt-beb t="core-columns" --><div class="mt-be-columns" style="display: flex"><!-- mt-beb t="core-column" --><div class='mt-be-column'><!-- mt-beb --><p>aaaa</p><!-- /mt-beb --></div><!-- /mt-beb --><!-- mt-beb t="core-column" --><div class='mt-be-column'><!-- mt-beb --><p>dddd</p><!-- /mt-beb --></div><!-- /mt-beb --></div><!-- /mt-beb -->",block_editor,"<!-- mt-beb t="core-table" -->