「お知らせ」に挿入した画像の左横に複数行の文字を記入する方法ありますか

投稿日時: 05/31 dreamer

通常の操作で「お知らせ」に挿入した画像の左横に複数行の文字を記入(まわりこみ)できません。
ソースコードを下記のように変更すると、画像の左横に複数行の文字を記入できます。
ソースコードを変更しない方法で画像の左横に複数行の文字を記入する方法はあるのでしょうか、

(「お知らせ」ソースコードの変更)

<p><img class="img-responsive nc3-img pull-right" title="" src="https://hoge.net/wysiwyg/image/download/1/102/medium" alt="" width="364" height="251" />あああ</p>
<p>いいいいいい</p>
<p>うううう</p>


Re: 「お知らせ」に挿入した画像の左横に複数行の文字を記入する方法ありますか

投稿日時: 06/20 よっちゃん

少し前の投稿ですので、もう解決されたかもしれませんね。

複数行の文字程度なら、記入する方法はあります。(ソースコード画面での編集はしたくないということですね。)

1.左横に文字を入れるために、画像を右寄せにします。
①画像をクリックした状態で、「画像の挿入・編集」メニューを選択します。

②「画像の挿入・編集」画面で「編集」タブを選択して、位置を「右寄せ」にして「OK」します。

2.画像の後ろに文字を入力します。

画像をクリックした状態でキーボードの右矢印を押すと、画像の横にカーソルが入った状態になりますので、文字を入力します。
ただし、改行は注意が必要です。Enterキーを押すと画像の下に改行されてしまいますので、Shift+Enterとする必要があります。

 

画像の右横に文字を入れたい場合は、上とは逆に、画像を左寄せにして画像の後ろに文字を入力します。

 

これでいかがでしょうか。

 

画像を右配置にしたにもかかわらず、その右側に文字を入力するのがミソです。

右寄せの画像は、ソースコード画面を見るとわかりますが、 class="pull-right" が設定されます。これはstyle="float:right;"と同じことです。要素を横並びにして右側に寄せる、というスタイル指定です。したがって、そのあとに文字を入れても、文字は画像の左側に配置されます。

右配置画像をクリックして左矢印を押すと、カーソルは前の行に移動してしまうようなので、文字は前の行に配置されてしまいます。

 

通常の操作で「お知らせ」に挿入した画像の左横に複数行の文字を記入(まわりこみ)できません。
ソースコードを下記のように変更すると、画像の左横に複数行の文字を記入できます。
ソースコードを変更しない方法で画像の左横に複数行の文字を記入する方法はあるのでしょうか、

(「お知らせ」ソースコードの変更)

<p><img class="img-responsive nc3-img pull-right" title="" src="https://hoge.net/wysiwyg/image/download/1/102/medium" alt="" width="364" height="251" />あああ</p>
<p>いいいいいい</p>
<p>うううう</p>