WYSIWYGエディターとは？

WYSIWYGは「見たままが得られる（What You See Is What You Get）」を意味します。テキストを視覚的に書式設定できるタイプのエディターで、太字ボタンをクリックすると、**bold** や <strong> のようなマークアップを入力しなくても、すぐにテキストが太字になります。これは、HTMLを知らなくても、ほとんどのワープロソフト、メールクライアント、コンテンツ管理システムで書式付きのコンテンツを作成できる仕組みです。

ツールの説明

WYSIWYGエディターは、Tiptap で構築されたリッチテキストエディターで、すべての処理がブラウザー上で完結します。見出し、太字、斜体、下線、リスト、引用、コードブロック、リンク、テキストの配置など、使い慣れたツールバーでテキストを書式設定できます。エディター自体がプレビューとなるため、入力したとおりに結果が表示されます。HTMLソースタブにいつでも切り替えて、生成されたマークアップを確認、編集、コピー、ダウンロードし、ブログ記事、メールテンプレート、CMS、自分のアプリなど、どこでも利用できます。

機能

  • リッチな書式設定ツールバー - 見出し（H1～H3）、太字、斜体、下線、取り消し線、インラインコード、書式のクリア
  • リストと構造 - 箇条書き、番号付きリスト、引用、コードブロック、水平線
  • テキストの配置 - 左揃え、中央揃え、右揃え、両端揃えの段落
  • リンク編集 - エディターを離れずにリンクの挿入、更新、削除
  • HTMLソースタブ - 生のHTML表示に切り替えて、マークアップを確認、編集、コピー、ダウンロード
  • 双方向同期 - HTMLを直接編集し、エディターに戻って表示結果を確認
  • 単語数と文字数のカウント - 入力中にコンテンツの長さを確認
  • 元に戻す／やり直す - ワンクリックで完全な編集履歴を操作
  • ライトテーマとダークテーマに対応 - サイトのテーマに自動的に合わせて表示