文章入力欄の下線・リンク設置や画像挿入の操作を改善

文章入力欄の基本的な編集機能(下線・リンク設置や画像挿入)を更新し、スマホでの操作感が改善しました。変更点・改善点を説明します。

この記事の趣旨とまとめ

  • 文章に下線やリンクを設置できます!知らない方はぜひご利用を!
  • スマホで、長押し→部分装飾・画像挿入は使えないくなりました!
  • 入力欄の操作に不満があった方へ、色々と改善されました!

更新・改善点

まめわざのページ内容は文章・画像・表のように様々なブロックで構成されますが、それぞれにある文章入力欄では、文章に下線・ふりがな・リンクを設置(以下、部分装飾)したり、画像・アイコンの挿入が可能です。

パソコンでは、部分装飾は右クリック、画像・アイコンの挿入はShift+クリックで実行できます。
一方、スマホでは右クリックやShiftがないため、入力欄を長押しすることでボタンを表示する仕様でした。
これをリニューアルし、次のように操作性の向上を図りました。

部分装飾(=下線やリンクの設置)

入力欄の文字列を選択した際に、その下部に表示される「部分装飾」ボタンを押すか、従来どおり右クリックで部分装飾を利用できます。

また、これまで長押しによってボタンを表示していた入力欄の右下にも部分装飾のボタンが表示されます。
スマホでは、文字列を選択すると「コピー」などのメニューが表示されますが、これにより直下の部分装飾ボタンが隠れた際は、入力欄の右下のボタンが便利です。

アイコン・画像挿入

入力欄を押すと、入力欄の右下に「アイコン・画像挿入」ボタンが表示されます。
これまで長押しによって表示されたていたボタンが常時表示となりました(他のボタン表示時を除く)。

画像の部分装飾

アイコン・画像挿入で挿入した画像は、さらに「画像の部分装飾」によってサイズ・形状・色などを変えられます。

画像を押すと画像が選択され、その際に画像上か入力欄の右下に表示される「画像装飾」ボタンを押すか、右クリックで画像の部分装飾が利用できます。

その他の修正点

  • コピー・ペースト時の挙動の改善
    コピー・ペースト時に、スペースが追加挿入されることがあった不具合を修正しました。
  • ふりがなを含む文章の部分装飾の改善
    iPhoneでふりがなを含む部分装飾を再編集する際に、エラーが出ていた不具合を修正しました。