LoginSignup
3
1

More than 1 year has passed since last update.

[Servicenow]HTMLフィールドの改行の小ネタ

Last updated at Posted at 2021-12-06

ナレッジ投稿の際など、HTMLフィールドに触れる機会が多いと思います。
そこで、HTMLフィールドに関するちょっとした小ネタを書いていこうと思います。

HTMLフィールドとは

ServiceNowをよく触っている方には説明は不要かと思いますが、
HTMLフィールドは、その名の通り、HTML形式で入力できるフィールドです。
例を挙げるとナレッジのArticleBodyとかですね。
image.png

改行小ネタ

文章をこの中に普通に書いていくと、以下のようになるかと思います。
image.png

行間が空いていますね。
これをHTMLソースで見てみると、、
image.png
御覧の通り、改行ごとに、pタグで囲まれてしまうのです。
入力の際に、左下にpと出ていますが、これが効いています。

これを変更するには、
image.png
囲ったところを変更すれば、p⇒preに変わります。
しかし、ココを変更するとフォントも変わってしまうため、ちょっとめんどくさい。
そんな時は、Shift+Enterを使用することで、改行にbrが使用されるようになります。
image.png
行間が狭くなりました。
これをHTMLソースで見てみると、、
image.png
こんな感じになります。
最初から最後までがpタグで囲まれて、中にbrが埋め込まれるので、行間は広くなりません。
ちょっと行間を詰めたいときはいいと思います。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1