【ServiceNow】ナレッジ記事作成時の小ネタ

## 概要
ServiceNowのナレッジ記事作成について、ユーザーから記載方法の問い合わせがあったものについて簡単にですがまとめます。
あくまで小ネタになります…。

本投稿はServiceNow開発者ではなくナレッジ記事の作成者向けとなります。

### 環境
PDIで作成しています。
バージョンはUtahです。
ナレッジマネージャー（knowledge_managerロールが付与されたユーザー）で操作しています。
## ワードファイルをインポートして記事を作成したい
ナレッジ記事をワードファイルで作成してインポートすることができます。
<details><summary>詳細</summary><div>

### イメージ
ワードの太字書式や張り付けた画像などもナレッジ記事に反映されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/b6cb67ac-6e79-2cd5-559a-7b22c79777b5.png)
※フォントや罫線、図形など一部反映されない書式もあります。上画像が書式をいろいろと変更して試したインポート記事になりますのでご参考にしていただけたらと思います。

### 実装
1.アプリケーションナビゲーターで、 Knowledge > コンテンツインポート(Import Article)を選択します。
2.インポート先のナレッジベースとカテゴリを選択します。 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/cc812d30-ca84-32f1-74b3-184e11d79d85.png)
3.「ファイルを参照」ボタンをクリックし、インポートしたいファイルを選択します。（ドラッグアンドドロップも可能です）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/151b9d39-797b-1c17-2a6a-92f67d31181d.png)
4.ファイルのアップロードが完了したら「続行」します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/8f9b987e-76b7-4ce8-37d7-15edaaff3657.png)
5.ナレッジ番号をクリックしてインポートされた記事を確認します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/f40bd525-b4d6-aee0-447b-ffffb7e26436.png)
</div></details>

## ページ内の指定の箇所にジャンプするリンクを入れたい
ナレッジ記事内の指定した位置にジャンプするリンクを挿入することが可能です。
<details><summary>詳細</summary><div>

### イメージ
記事内のハイパーリンクをクリックすると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/e2021fca-4963-a90d-5972-74a74009ba5d.png)
ページ内の指定した位置までスクロールされます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/295803c9-64f6-2310-5a91-ed5faf8ad5ab.png)
### 実装
HTMLのnameタグを使います。
1.ページ内リンクを入れたいナレッジ記事を開きます。
2.記事本文の「ソースコード」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/8f73b4a4-0d66-5c45-a65c-d4514f76c4dc.png)
3.ページ内リンクにしたい箇所を以下のようにタグを使って書き換えます。
```
<a href="#●●●" rel="nofollow">リンクに表示する文字列を入力</a>
```
●●●の箇所には適宜属性値を設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/c041f2d7-ef6a-d95b-8f1f-3b46e9803017.png)
4.ページ内の遷移したい箇所には以下のタグを追記します。
```
<a name="●●●"></a>
```
●●●の箇所には上記手順3で設定した属性値を入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/35999492-c599-0550-d5ff-950738985580.png)

5.ソースコードを「保存」をするとページ内リンクが作成されます。記事を「更新」します。
</div></details>

## 記事内容を折りたたみたい
ナレッジ記事内の文章を折りたたんで表示させることも可能です。
<details><summary>詳細</summary><div>

### イメージ
記事内の▶をクリックすると
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/05e7ffcf-dd4e-3463-4137-3d2d96a5b049.png)
文章や画像が展開されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/4c370388-4f22-6418-a925-f1fcd9517a81.png)

### 実装
HTMLのdetailsタグを使います。
1.ページ内リンクを入れたいナレッジ記事を開きます。
2.記事本文の「ソースコード」ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/446cb863-905b-c43b-a944-ebaea5cc31fc.png)
3.折りたたみたい箇所箇所を以下のようにタグを使って書き換えます。
```
<details>
<summary>折りたたみ時の見出し</summary>
<p>折りたたみ内容（画像等も折りたたみ可能）</p>
</details>
```
折りたたみたい箇所をdetailsタグで囲み、見出しが必要であればsummaryタグで囲みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/23b80efa-0209-f49b-197b-b8e34786509b.png)

4.ソースコードを「保存」をすると折りたたみが作成されます。記事を「更新」します。
</div></details>

## 添付ファイルではなく記事内にドキュメントファイルを表示させたい
PDFやWordファイルなどのドキュメントを、ダウンロードや別ウィンドウ表示させるのではなくナレッジ記事内にドキュメントビューアーで埋め込むことも可能です。

<details><summary>詳細</summary><div>

### イメージ
ナレッジ記事内にドキュメントビューアーが埋め込まれ、記事内でファイルを確認できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1984141/a4d49921-9903-849a-34fe-c292fb359a92.png)
### 実装
詳細は以前別で投稿を挙げておりますのでそちらをご参照ください。
https://qiita.com/shin_wn/items/3c7dbce62c08d38f04ed

</div></details>