SunEditorは商用利用でも無料ですか？

はい。SunEditorはMITライセンスで公開されています。商用製品、SaaS、社内ツールで使用でき、改変やセルフホストも自由です。複製物には著作権表示とライセンス表示を残してください。ライセンスキー、アカウント、ロードごとの料金は一切ありません。

SunEditorに依存関係はありますか？

いいえ。suneditorパッケージのランタイム依存関係はゼロです。KaTeXやMathJax（数式）、CodeMirror（コードビュー）などのオプション連携は、有効にした場合にのみ使用されます。

どのフレームワークで使えますか？

SunEditorは純粋なJavaScriptなので、ブラウザが動く環境ならどこでも動作します。npmまたはCDN経由のバニラJS、React、Vue、Angular、Svelte、Web Componentsに対応しています。TypeScriptの型定義もパッケージに同梱されています。

標準で何が含まれていますか？

セルの結合・分割に対応した表、画像・動画・音声・ファイルのアップロード、リンク、数式、コードブロック、Markdownビュー、描画、テンプレートとレイアウト、スラッシュコマンド、ブロックハンドルなど、合計30以上のプラグインを搭載。さらに25以上の言語パックとRTLサポートも備えています。すべてのプラグインが1つのパッケージに含まれており、plugins オプションで必要なものだけを有効にできます。

クラウドサービスやアカウントは必要ですか？

いいえ。エディタは完全にブラウザ内で動作し、コンテンツを外部サービスに送信することはありません。アップロード先は自社サーバー上のエンドポイントで、uploadUrlオプションで設定します。

どのような形式で出力されますか？

標準的なHTMLです。保存したコンテンツをエディタと同じスタイルで表示するには、suneditor/css/contentsをインポートし、HTMLをsun-editor-editableクラスを持つ要素で囲んでください。

SunEditor^v3.3.3

ランタイム依存ゼロの、モジュール型WYSIWYG HTMLエディタ。

すべて入っています。必要なものだけ有効に。

MITライセンス · クラウド不要 · アカウント不要

Playground ドキュメント/API

依存関係ゼロ

30以上のプラグイン

25以上の言語・右から左への記述

カスタムプラグインAPI

TypeScriptのサポート

インストール／はじめに

NPM経由でインストールするか、CDNを使用してください。
SunEditorは主要なフレームワークと統合されています。

HTMLlanguage

<!-- 1. Include CSS -->
<link href="https://cdn.jsdelivr.net/npm/suneditor@3.3.3/dist/suneditor.min.css" rel="stylesheet">
<!-- 2. Include JS -->
<script src="https://cdn.jsdelivr.net/npm/suneditor@3.3.3/dist/suneditor.min.js"><\/script>

<!-- 3. Create Textarea -->
<textarea id="my-editor"></textarea>

<!-- 4. Create Editor -->
<script>
  const editor = SUNEDITOR.create("my-editor", {
    plugins: SUNEDITOR.plugins,
    value: "<p>Hello SunEditor</p>",
    buttonList: [
      ["undo", "redo"],
      "|",
      ["bold", "italic", "underline"],
      "|",
      ["list", "link", "image"]
    ]
  });
<\/script>

ひと目でわかるSunEditor

エディタを選ぶ前に開発者がよく抱く疑問に、簡潔にお答えします。

SunEditorは商用利用でも無料ですか？: はい。SunEditorはMITライセンスで公開されています。商用製品、SaaS、社内ツールで使用でき、改変やセルフホストも自由です。複製物には著作権表示とライセンス表示を残してください。ライセンスキー、アカウント、ロードごとの料金は一切ありません。
SunEditorに依存関係はありますか？: いいえ。suneditorパッケージのランタイム依存関係はゼロです。KaTeXやMathJax（数式）、CodeMirror（コードビュー）などのオプション連携は、有効にした場合にのみ使用されます。
どのフレームワークで使えますか？: SunEditorは純粋なJavaScriptなので、ブラウザが動く環境ならどこでも動作します。npmまたはCDN経由のバニラJS、React、Vue、Angular、Svelte、Web Componentsに対応しています。TypeScriptの型定義もパッケージに同梱されています。
標準で何が含まれていますか？: セルの結合・分割に対応した表、画像・動画・音声・ファイルのアップロード、リンク、数式、コードブロック、Markdownビュー、描画、テンプレートとレイアウト、スラッシュコマンド、ブロックハンドルなど、合計30以上のプラグインを搭載。さらに25以上の言語パックとRTLサポートも備えています。すべてのプラグインが1つのパッケージに含まれており、plugins オプションで必要なものだけを有効にできます。
クラウドサービスやアカウントは必要ですか？: いいえ。エディタは完全にブラウザ内で動作し、コンテンツを外部サービスに送信することはありません。アップロード先は自社サーバー上のエンドポイントで、uploadUrlオプションで設定します。
どのような形式で出力されますか？: 標準的なHTMLです。保存したコンテンツをエディタと同じスタイルで表示するには、suneditor/css/contentsをインポートし、HTMLをsun-editor-editableクラスを持つ要素で囲んでください。

ライセンスの概要を読むトラブルシューティングガイド

今すぐ試してみよう

無料かつオープンソースです。ドキュメントを参照するか、GitHubで貢献してください。

はじめる GitHubでスターを獲得

<link href="https://cdn.jsdelivr.net/npm/suneditor@3.3.3/dist/suneditor.min.css" rel="stylesheet">  <script src="https://cdn.jsdelivr.net/npm/suneditor@3.3.3/dist/suneditor.min.js"><\/script>  <textarea id="my-editor"></textarea>  <script> const editor = SUNEDITOR.create("my-editor", { plugins: SUNEDITOR.plugins, value: "<p>Hello SunEditor</p>", buttonList: [ ["undo", "redo"], "|", ["bold", "italic", "underline"], "|", ["list", "link", "image"] ] }); <\/script>

SunEditorv3.3.3

インストール／はじめに

ひと目でわかるSunEditor

今すぐ試してみよう

SunEditorv3.3.3

インストール／はじめに

ひと目でわかるSunEditor

今すぐ試してみよう

SunEditor^v3.3.3

SunEditor^v3.3.3