jQueryプラグインのcleditorというWYSIWYGエディタを使用してアプリケーションを開発しています。
Internet Exploreで画面を表示しているのですが、Enterキーで改行すると行の間隔が広くなってしまいます。
![]
行間をもっと狭くしたいと思い、方法を探していました。
このエディタはiframeにHTMLのタグが配置されるのですが、開発者ツールで見たところ、それぞれの行が<p>タグで囲われていました。
この<p>タグのmarginを調整すれば行間が狭くなると考え、iframe内部のstyleを指定するプロパティであるdocCSSFileに、以下のstyleを指定したCSSファイルを設定しました。
CSS
1p { margin: 0px; }
上記のようにすることで行間は詰めることができました。
次に、この状態からtoolbarから文字列の背景色を変更し、変更した文字列内でEnterで改行したとき、改行の入力が出来なくなってしまいます。1つの改行は入るのですが、2回以上連続して入力したときに改行が反映されません。
背景色を変更したときに、連続した改行を入力する方法をご教授いただけませんでしょうか。
太字や文字色を変更したときは連続改行ができているので、背景色を変更したときだけの現象のようです。
開発者ツールで確認したところ、改行により空の<p>タグが追加されていたので、iframe上の表示が出来ていないような気がします。
文字色を変更したときと背景色を変更したときとでは、styleを設定するfontタグの書き方が違っていましたが、この辺りが関係しているのでしょうか。
(背景色変更ではfontタグのstyle属性のbackground-colorを指定、文字色変更ではcolor属性が設定されていました。)
ご存知の方がいらっしゃいましたらご教授ください。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/19 01:46
2017/10/19 17:02
2017/10/22 02:47