dlこのブロックのように、「用語-定義」の組み合わせで表現されるリスト。cite引用元のソースを示すタグ。作品名などもこのciteタグでマークアップする。吾輩は猫であるrubyルビをふるタグ。聖剣エクスカリバーといったような感じで使う。このうちdlについてはすでに紹介した通り、InnerBlockとして実装済みだ。smallタグおよびciteタグは「単一のタグ」で紹介した方法で実装できる。困るのがqタグとrubyタグである。属性の指定ちょうどaタグがhref属性をリンク先として持つように、qタグは引用元を示すcite属性を入力できる。qタグまでブラウザデフォルトでない実装を行なっているケースはほとんどないだろうが、とにかく、選択した要素に対してインタラクティブに入力を求める機能が必要だ。これをどのように実装するかというと、スタイルの適用を決めるtoggleFormatメソッドにwindow.promptで取得した文字列を渡す方法だ。);実際のソースコードはこちら。モーダルウィンドウなどの方法を使うには、もう少し複雑な実装にする必要があるだろう。複数のタグの組み合わせrubyタグのマーックアップは次のようになる。<ruby>聖剣<rt>エクスカリバー</rt></ruby>つまり、rubyノードの中にテキストノードとrtノードが続くイレギュラーなマークアップだ。これを実現するためには、APIによって提供されているtoggleFormatメソッドだけではダメで、その前にもうちょっと頑張らなければならなくなる。次のコードをご覧いただきたい。これはショートカットやボタンが押された時に実行されるメソッドである。valueは選択部分の位置情報を持った、親段落内要素の配列。ルビが設定済みの場合、単に外すだけ。APIでは、DOMではない独自の要素の配列が渡ってくるので、insertメソッドなどのAPIを利用して要素を手作業で追加していく必要がある。rtタグはフォーマット要素として認識されていないので、それもあらかじめ登録しておく必要がある。この場合、編集UIを持たないので、要素の中身はFragmentだけだ。);このフォーマットをあらかじめ宣言しておかないと、applyFormatは適用されない。rtの順番でなければならず、逆だと動かなかった。全体のソースコードはこちらである。APIは便利なAPIではあるが、まだドキュメントされておらず、なおかつ高度な内容であるため、かなり難しい。サンプルコードなどを頼りに実装していくしかない状態だ。この部分の知見は日本語情報でほとんどシェアされていないので、我こそはと思われる方は積極的にブログなどで公開していってほしい。最初に表示されました。ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。