記事エディタ

書式設定・リンク・表・コンテンツブロック・ドラッグ並べ替え・プレビュー・コピー機能を備えたリッチテキストエディタで記事を編集します。

記事はすべて、リッチテキストエディタで開きます。これは「見たままが反映される」方式の編集画面で、コードを直接入力するのではなくツールバーで書式を整えられます。編集中の変更は自動的に保存されます。公開前に、AI が生成した内容を確認・仕上げるために使います。

エディタが扱うのは記事本文のみです。メタデータ(スラッグ・メタディスクリプション・タグ・SEOスコア)はサイドバーにあります。詳しくは 記事メタデータ・SEOスコア・サイドバー を参照してください。画像・図解・スクリーンショット・動画については 画像・図解・スクリーンショット・動画 を参照してください。

記事エディタ

編集の基本

エディタには 2 つの独立したフィールドがあります。

  • タイトル — 上部にある大きな入力欄です。タイトルは本文とは別に保存されるため、ここを編集しても記事の見出し構造は変わりません。
  • 本文 — ツールバーの下にあるメインの編集エリアで、ここに記事を書き、書式を整えます。

書きながら知っておくとよいポイントです。

  1. 自動保存 — 入力をやめてから約 3 秒後に自動的に保存されます。保存中は 保存中…(点滅する黄色いドット)が表示され、完了すると最終保存時刻とともに 保存済み に変わります。手動の「保存」ボタンはありません。そのまま書き続けてください。未保存の変更があるままタブを閉じようとすると、ブラウザが確認を表示します。
  2. 文字数・単語数カウンター — タイトルのすぐ下に、記事の分量を示すカウンターがリアルタイムで表示されます。言語に応じて表示が変わり、英語の記事では 単語数文字数 の両方を、日本語の記事では 文字数(空白を除いた、日本語で一般的な数え方)を表示します。
  3. タイトルと本文は重複しない — 上部のタイトルは本文の中には繰り返されません。プレビュー・公開・コピーの際に、タイトルが自動的に最上位の見出しとして付与されます。

ツールバーの書式設定

ツールバーは編集エリアのすぐ上にあります。各ボタンは、選択中のテキスト(またはカーソル位置)に書式を切り替えます。適用中の書式はハイライト表示されます。画面幅が狭い場合はツールバーが横スクロールし、すべてのツールにアクセスできます。

グループツール
履歴元に戻す、やり直し
見出し見出し1、見出し2、見出し3
文字装飾太字、斜体、取り消し線、インラインコード、リンク
リスト箇条書きリスト、番号付きリスト
ブロック引用、表の挿入
ハイライト・コールアウトマーカー(ハイライト)、コールアウトボックス、FAQ

書式を適用するには、テキストを選択してボタンをクリックします。もう一度クリックすると解除されます。キーボードショートカット(例:Ctrl/Cmd + B で太字)も使えます。

リンク

リンクの追加・編集・削除は 2 通りの方法で行えます。

ツールバーから。 リンクにしたいテキストを選択し、リンク ボタンをクリックします。URL の入力欄が表示されるので、アドレスを入力または貼り付けて 保存 を押します。選択したテキストがすでにリンクの場合は、同じポップオーバーで URL の更新やリンクの 削除 ができます。(何も選択しておらず、リンクもアクティブでない場合、リンクボタンは無効になります。)

バブルメニューから。 既存のリンク内をクリックすると、その下にフローティングメニューが表示されます。ここから次の操作ができます。

  • リンクを開く(新しいタブで開きます)。
  • リンクを編集(URL をその場で書き換えます)。
  • リンクを解除(解除アイコンで、テキストは残してリンクだけ外します)。

リンクは安全かつ整った状態に保たれます。

  • 安全なスキームのみhttphttpsmailtotel、および相対URL(アンカー・パス・クエリ)のみ受け付けます。javascript: などの危険な値は拒否されます。
  • 自動補正example.com のようにドメインだけを入力すると、自動的に https://example.com に変換されます。相対リンク(/#? で始まるもの)はそのまま保持されます。

ツールバーの 表の挿入 ボタンをクリックすると、ヘッダー行付きの 3 × 3 の表が挿入されます。

表の中にカーソルがあるとき、表の上にフローティングツールバーが表示され、表を自在に編集できます。

  • 上に行を追加 / 下に行を追加
  • 行を削除
  • 左に列を追加 / 右に列を追加
  • 列を削除
  • 表を削除(表全体を削除)

コンテンツブロック

プレーンテキスト以外に、記事を読みやすく魅力的にする 3 種類のスタイル付きブロックを使えます。いずれもツールバーから挿入します。

  • コールアウトボックス — ヒント・補足・要点などを強調するボックスです。各コールアウトには 絵文字アイコン、短い ラベル(見出しの言葉、例:「ポイント」)、および厳選パレットから選ぶ カラートーン があり、すべてボックス内で直接編集できます。重要な点に注目を集めたいときに使います。
  • FAQ — 折りたたみ式の質問・回答アコーディオンです。ヘッダーに 質問、本文に 回答 を入力します。FAQ は読者にとっても検索エンジンにとっても、答えを素早く見つける助けになります。
  • マーカー(ハイライト) — テキストを選択してマーカーのドロップダウンを開き、色を選んで強調します。ピンク の 4 色が使えます。ハイライトを削除 を選ぶと解除されます。

コールアウトと FAQ には、それぞれ テキストに戻す オプションがあり、ブロックの装飾を取り除いて通常の段落として残せます。

ブロックのドラッグ&ドロップ並べ替え

記事を並べ替えるには、任意のブロック(段落・見出し・リスト・表・画像・コールアウト・プロモーションカードなど)にマウスを重ねます。すると左側に小さな縦型のグリップハンドル(⋮)が表示されます。ハンドルをつかんで上下にドラッグすると、ブロックの順序を入れ替えられます。切り取り・貼り付けをせずにセクションを組み替える、最も手早い方法です。

プレビューとコピー

プレビュー。 プレビュー(右上付近の目のアイコン)をクリックすると、完成した記事を全画面の読み取り専用ビューで開きます。タイトルを含め、書式・コールアウト・FAQ・表・ハイライトがすべて、実際の表示どおりに描画されます。ツールバーや編集用のコントロールは表示されないため、最終結果を確認するのに最適です。プレビュー内のリンクは新しいタブで開きます。プレビューを閉じると編集に戻ります。

コピー。 コピー メニュー(プレビューの隣)は、記事全体(タイトルと本文)を次の 3 つの形式のいずれかでクリップボードにコピーします。

形式適した用途
リッチテキストGoogle ドキュメント・Word・メールなど、書式を保持するエディタへの貼り付け。
HTMLCMS やコード入力欄に生の HTML を貼り付ける場合。
MarkdownMarkdown ベースのツール・GitHub・静的サイトジェネレーターへの貼り付け。

コピーに成功すると通知が表示されます。RankTurn が直接公開できないツールへ記事を移すのに便利です。連携済みプラットフォームへワンクリックで公開する場合は、公開とスケジュール を参照してください。