埋め込みテキストエディター (TinyMCE) の使用:方法とヒント<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } 説明 ナレッジベースには、HTML コードエディターを含む、フル機能の WYSIWYG (「見たままが得られるもの」) HTML エディターが用意されています。このエディターウィジェットは、 TinyMCE と呼ばれます。HTML フィールドを使用すると、フィールドコンテンツのレンダリング方法を定義できます。HTML エディターを使用して、ナレッジ記事のコンテンツを作成および変更します。ナレッジ記事、サービスカタログアイテムの説明、リリースドキュメント、および HTML コンテンツブロックは、HTML フィールドの一般的な例です。 HTML エディターは 2 つのセクションに分かれています。 ツールバー - テキストと画像の表示方法、メディアのインポート方法、ハイパーリンクの作成方法、およびその他のさまざまなオプションを制御します。テキストペイン - テキストと画像の配置を制御し、記事のテキストコンテンツを書き込みます。 ツールバーの使用 ツールバーのボタンを使用すると、ドキュメントのあらゆる側面を編集できます。WYSIWYG モードでは、HTML エディターはワープロプログラムに似たツールを提供します。 編集ウィンドウの下部に、カーソルの上のテキストに適用される HTML タグのパスが表示されます。次のセクションでは、TinyMCE エディターで使用できる HTML ツールを一覧表示します。 書式設定 Icon (アイコン)名前説明太字選択したテキストまたは現在の単語に 太字の書式 を適用します。斜体選択したテキストまたは現在の単語に 斜体の書式 を適用します。下線選択したテキストまたは現在の単語に 下線を適用します。取り消し線選択したテキストに線を引き、テキストを 無効に します。左揃え現在の段落に左揃えを適用します。中央揃え現在の段落に中央揃えを適用します。右揃え現在の段落に右揃えを適用します。目次カーソルの位置に目次を生成します。この機能は、ドキュメントでの見出しタグ (H1、H2、H3 など) の正しい使用に依存します。段落と見出しのスタイルの詳細については、次の表を参照してください。箇条書きリスト選択した段落の順序付けされていないリストタグを適用または削除します。 ボタンの横にある矢印をクリックして、別の箇条書きタイプを選択します。[インデントを増やす] ボタンを使用するか、 Tab を押して別のレベルを作成します 前のレベルに戻るには、[インデントを減らす] ボタンを使用します同じ効果を得るには、 Shift+Tab も押します 同じレベルに別の行を追加するには、 Shift+Enter を押します。その後、新しい箇条書きを使用せずにコンテンツを追加できます 番号付きリスト選択した段落の順序付けされたリストタグを適用または削除します。ボタンの横にある矢印をクリックして、別の番号付けタイプ (アルファベット、ギリシャ数字、ローマ数字、大文字または小文字など) を選択します。使用方法の詳細については、「箇条書き」を参照してください。インデントを増やす現在の段落または選択した段落にインデントを適用します。インデントを減らす現在の段落または選択した段落からインデントを削除します。テキストの色現在の単語または選択したテキストにフォント color を適用します。ボタンをクリックして現在の色を使用するか、ボタンの横にある矢印をクリックして他の色を表示します。[ カスタム... をクリックすると、さまざまな色オプションと 16 進コードが表示されます。この機能の使用は避けてください。プラットフォームはすでに当社のブランディングに従って一貫したスタイルを提供しています。背景色現在の単語または選択したテキストに 背景色 を適用します。ボタンをクリックして現在の色を使用するか、ボタンの横にある矢印をクリックして他の色を表示します。[ カスタム... をクリックすると、さまざまな色オプションと 16 進コードが表示されます。この機能の使用は避けてください。プラットフォームはすでに当社のブランディングに従って一貫したスタイルを提供しています。テキストとして貼り付けクリップボードの内容を貼り付けますが、ソースからコピーされた可能性のあるインラインスタイルと書式設定 (HTML を含む Web サイトや Word ドキュメントなど) は削除します。書式設定をクリアMS Word などのリッチテキストエディターや別の Web サイトからテキストを貼り付けた後などに、選択したテキストからインラインスタイルと書式設定を削除します。フォントセレクター文字体裁フォントの選択を提供します。デフォルトでは、 Verdana が選択されていることに注意してください。これは、コンテンツがこのフォントを使用していることを意味するものではありません。この機能の使用は避けてください。プラットフォームはすでに当社のブランディングに従って一貫したスタイルを提供しています。フォントサイズセレクター選択したテキストのフォントサイズを変更します。デフォルトでは 8pt が選択されていることに注意してください。これは、コンテンツがこのサイズを使用していることを意味するものではありません。この機能の使用は避けてください。プラットフォームはすでに当社のブランディングに従って一貫したスタイルを提供しています。可能な場合は常に 段落 スタイルを使用してください。検索と置換テキストを検索して置換できるダイアログを開きます。元に戻す最新の編集を元に戻します。やり直し以前に元に戻した手順をやり直します。 段落スタイル 「Paragraph」というラベルの付いたドロップダウンセレクターを使用して、次のスタイルにアクセスします。 名前説明パラグラフ通常の段落を定義します (HTML タグ) 見出し 1 第 1 レベルのヘッダーを定義します。注意: このオプションは慎重に使用してください。KB 記事のタイトルが最上位のヘッダーレベルになります。コンテンツで使用される見出しは、第 3 レベルから開始する必要があります。 見出し 2 第 2 レベルのヘッダーを定義します。注意: このオプションは慎重に使用してください。KB 記事のセクションタイトルはレベル 3 ヘッダーになります。コンテンツで使用される見出しは、第 3 レベルから開始する必要があります。 見出し 3 第 3 レベルのヘッダーを定義します。記事のセクションには、このレベル以下を使用します。 見出し 4 見出し 5 見出し 6 第 4 レベル、第 5 レベル、第 6 レベルのヘッダーをそれぞれ定義します。注: このレベル以下が必要な場合は、記事の内容をいくつかの短いものに分散することを検討する必要があります書式設定済みコードブロックを等幅フォントでハイライト表示し、追加のスタイリング (背景色など): if (this) {do.that();return;} テーブルツール 詳細については、「関数」を参照してください Icon (アイコン)名前説明テーブルテーブルを作成および編集できるサブメニューを開きます。最初のメニューオプションである テーブル には、マウスカーソルを移動して行数と列数を定義できるグリッドが表示されます。注:詳細については、「 」を参照してください。 テーブルの挿入:方法とヒント。サブメニュー:テーブルのプロパティテーブルのグローバルプロパティ (高さ、幅、境界線、パディング、間隔など) を定義します。 テーブルを削除しますカーソルがフォーカスされているテーブルを削除します。 セル> セルプロパティ現在のテーブルセルのプロパティを指定できます。幅、高さ、タイプ、境界線など セル> セルを結合テーブル内の選択したセルを結合します。複数のセルを選択する必要があります。 セル>分割セル選択したテーブルセルで以前に結合したセルを分割します。 行> 前に行を挿入テーブルの現在の行の下に行を追加します。 行> 後に行を挿入テーブルの現在の行の下に行を追加します。 行> 行を削除テーブルの現在の行を削除します。 行> 行のプロパティ現在のテーブル行のプロパティを指定できます。高さ、種類など 行>切り取り行行の内容をクリップボードにコピーし、現在の行から削除します。 行> 行をコピー行の内容をクリップボードにコピーします。 行> 行を前に貼り付け現在の行の上に新しい行を作成し、クリップボードの内容を貼り付けます 行> 後に行を貼り付け現在の行の下に新しい行を作成し、クリップボードの内容を貼り付けます 列>前に列を挿入テーブルの現在の列の左側に列を追加します。 列> 後に列を挿入テーブルの現在の列の右側に列を追加します。 列>列を削除テーブルの現在の列を削除します。 拡張ツール Icon (アイコン)名前説明リンクの挿入/編集選択したテキストのリンクを構成します。リンクの URL、タイトル (ツールヒントに表示される追加情報)、およびターゲット (同じウィンドウ、または新しいウィンドウまたはタブ) を定義します。注: 詳細については、「」を参照してください。リンクを削除現在のハイパーリンクを削除しますが、リンクテキストは残します。ソースコード記事の HTML ソースコードを別のモーダルウィンドウで開きます。 画像の挿入/編集画像ライブラリーまたは添付ファイルから画像を挿入します。この機能を使用して画像ライブラリに画像を追加することもできます。注:詳細については、「」を参照してください 画像の挿入:方法とヒント。ビデオの挿入/編集ビデオライブラリまたは添付ファイルからビデオを埋め込みます。この機能を使用してビデオライブラリにビデオを追加することもできます。注:詳細については、「」を参照してください。 埋め込みメディアの挿入:方法とヒント。コードサンプルの挿入/編集構文が強調表示されたフォーマットされたコードを挿入できます。この機能は、HTML/XML、JavaScript、Java、CSS、Python などのいくつかの言語をサポートしています。全画面表示モードの切り替えHTML エディターを展開して、ブラウザーウィンドウ全体を表示します。全画面表示モードのときに、このアイコンをもう一度クリックするとウィンドウモードに戻ります。この機能は Internet Explorer では使用できません。