無料ブログ「rentafree.net」の管理人ブログ

[後ろに改行]機能を追加しました

久しぶりの機能変更になりますが、
ブログエディターに[後ろに改行]機能を追加しました。

ブログエディターでタグ適用範囲を右クリックした際のタグ編集メニューに[後ろに改行]が追加されています。
この機能を使うと、編集対象のタグの後ろに<br>が挿入されます。
基本的に対象範囲の後ろに空行が挿入されますが、ブロック内末尾のインラインタグで行った場合は2回挿入しないと見た目が変わらない場合もあります。

タグが複数連続して並んでいる場合や、ブロック内末尾にタグが存在する場合など、
タグの後ろ(タグの間)にキャレットを移動させることができませんのでそのまま編集することができませんので、末尾やタグ間に空行を挿入して編集しやすくするための機能です。
<div>が並んでいて間に文章を挿入したい場合などに便利だと思います。

定義済みのタグの殆どで有効にしましたが、<li>の場合は親要素<ul>か<ol>に適用したいですが、
<li>の編集で[後ろに改行]だとわかりにくいと思うので、<li>のみ除外しました。


あと、公式JavaScriptの機能で画像ポップアップ機能がありますが、
現在はHTMLコードの直接編集を行わないと機能が利用できませんが、マウス操作のみで機能が利用できるようにしたいと考えています。
実装する方向で考えています。