CMS / EDITOR
リッチテキストエディタコードを書く手間を減らし、 EC管理画面の編集をもっとスマートに
メルカートの管理画面（ファイル管理・スタイルシート管理・JavaScript管理）に搭載されたリッチテキストエディタ。シンタックスハイライトや複数テーマ選択、HTMLリアルタイムプレビュー、ミニマップ表示など、開発・デザイン担当者のコード編集を快適にする機能が揃っています。地味なテキストエリアでの作業から脱却し、直感的でスピーディな編集体験を実現します。
OVERVIEW
リッチテキストエディタとは
対象機能
管理画面 > CMS の「ファイル管理」「スタイルシート管理」「JavaScript管理」で利用可能
テーマ選択
ライト・ダークなど複数テーマを画面上部から即座に切り替え、作業環境を自分好みにカスタマイズできる
リアルタイムプレビュー
HTMLファイル編集時、エディタ横にリアルタイムでプレビューを表示。書いたコードの見た目を即座に確認できる
ミニマップ
大量コードも右側のミニマップで全体像を俯瞰し、任意の箇所へスクロールなしで高速移動できる
コード整形
「コード整形」ボタン1つでインデント・改行を自動修正。チーム内のコード品質を統一し保守性を向上
FEATURES
リッチテキストエディタの 主要機能
ECサイトのデザイン・機能カスタマイズを担う開発・制作担当者の作業効率を高める機能が揃っています。すべてメルカートの管理画面で、追加設定なくすぐに利用できます。
作業環境をカスタマイズできるテーマ選択とフォントサイズ変更
集中したいならダーク、明るい環境ならライトと、気分や目的に合わせてエディタの配色テーマを即座に切り替えられます。フォントサイズもワンタッチで変更でき、小さな文字で広く見渡すもよし、大きな文字でじっくり編集するもよし。長時間のコーディング作業でも目に優しい環境を構築できます。
HTMLをその場で確認できるリアルタイムプレビュー
HTMLファイルの編集時、「プレビュー」チェックボックスをONにするだけで、エディタ右側にリアルタイムプレビューが表示されます。コードを書きながら即座に見た目を確認できるため、ブラウザで開き直す往復作業がなくなり、編集サイクルを大幅に短縮できます。コーディングとデザイン確認を同時並行で進められるため、本番反映後の手戻りリスクも低減します。
大量コードも俯瞰できるミニマップとワンクリックコード整形
コード量が多くなってもミニマップで全体像を把握しながら編集できます。右側に常時表示されるミニマップをクリックするだけで、任意の箇所へスクロールなしで瞬時に移動可能です。さらに「コード整形」ボタンを押せば、インデントや改行が乱れたコードを一発で整形。チームでの共同作業でも読みやすいコードフォーマットを維持できます。
STRENGTHS
リッチテキストエディタが持つ 3つの強み
開発担当者の日常的なコード編集業務をより快適・正確・効率的にする3つの特長です。管理画面でのCMS操作がもっとスムーズになります。
作業スピードを加速させる快適な編集環境
テーマ・フォントサイズ・ミニマップ・ショートカットキーなど、開発者の生産性を高める機能が一体化。エディタ環境の設定に時間を取られることなく、コーディング本来の作業に集中できます。
プレビューで確認しながらコード品質を高める
HTMLの編集中にリアルタイムプレビューを表示することで、見た目の確認サイクルを大幅に短縮。「書いて確認する」流れをエディタ内で完結させ、本番反映後の手戻りリスクを低減します。
コード整形でチーム全体の品質を統一
ワンクリックのコード整形機能により、チームメンバーそれぞれの書き方の差異を自動的に標準化。コードレビューや保守のコストを抑えながら、均一なコード品質を維持できます。
リッチテキストエディタの よくあるご質問
どのファイルの編集にリッチテキストエディタを使えますか？
管理画面のCMS内「ファイル管理」「スタイルシート管理」「JavaScript管理」の3機能で利用できます。HTML・CSS・JavaScriptのいずれのファイル編集にも対応しています。
リアルタイムプレビューはどのファイル形式で利用できますか？
HTMLファイルの編集時のみ利用可能です。プレビューチェックボックスをONにするとエディタ右側にリアルタイムプレビューが表示され、コードを書きながら即座に見た目を確認できます。
テーマはどのくらいの種類から選べますか？
ライト・ダークを含む複数テーマから選択でき、好みや作業環境に合わせて画面上部から自由に切り替えられます。長時間のコーディングでも目に優しい環境を維持できます。
コード整形はどのように動作しますか？
「コード整形」ボタンを押すだけでインデントや改行を自動整形し、読みやすいコードフォーマットに変換します。チーム間のコード品質統一や、保守性の向上にも役立ちます。
ミニマップはすべてのファイルで使えますか？
はい、ファイルの種類を問わずエディタ右側にミニマップを表示でき、コード全体の構造を俯瞰しながら任意の箇所へスクロールなしで素早く移動できます。
リッチテキストエディタに関連する機能
SEO対策機能
自然検索からの流入は、広告を止めても継続する、最も費用対効果の高い集客チャネルです。メルカートのSEO対策機能では、管理画面からmetaタグ…
詳細はこちら
設定エクスポート
EC運営に必要な商品情報から各種マスタ設定まで、CSVファイルによる一括エクスポート・インポートを実現する機能です。手作業による個別入力の手…
詳細はこちら
モール連携
複数のECモールを同時に運営するとき、商品情報や在庫管理をモールごとに個別で行うのは大きな負担です。メルカートのモール連携機能を使えば、クロ…
詳細はこちら
PC・SPデザイン
PCとスマートフォンのそれぞれに、独立したデザインを設定できる機能です。商品詳細ページ・ジャンルページ・ランディングページなど主要なECペー…
詳細はこちら