mcpField
S
syncfusion-aspnetmvc-docx-editor

syncfusion-aspnetmvc-docx-editor

github.com/syncfusionドキュメント176 回インストール1 週間前に更新
リポジトリ

syncfusion-aspnetmvc-docx-editor について

ASP.NET MVC(C#)アプリに Syncfusion DOCX Editor を組み込むコードを生成する開発者向けスキルです。編集やレビュー機能を扱い、コード生成前に受け取り方法の選択を求めます。

主な機能

  1. 01ASP.NET MVC(C#)コードスニペット生成
  2. 02ドキュメントの編集と書式設定
  3. 03保護と編集制限
  4. 04変更履歴とコメントの管理
  5. 05検索・置換とフォームフィールド

活用シーン

  1. 01MVC ビューへの Syncfusion Document Editor の追加
  2. 02変更履歴または読み取り専用モードの有効化
  3. 03コメントの追加やフォームフィールドの管理

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/docx-editor-sdk-skills --skill syncfusion-aspnetmvc-docx-editor

インストール後、Claude Code で/syncfusion-aspnetmvc-docx-editorを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
references/
collaborative-editing-mvc.md
comments.md
customize-toolbar.md
document-protection.md
editor-only.md
find-and-replace.md
form-fields.md
getting-started.md
insert-text-box.md
paste-formatting.md
ribbon.md
track-changes.md

詳細

Syncfusion ASP.NET MVC DOCX エディター

概要

このスキルは、開発者が Syncfusion DOCX エディターをアプリケーションに統合するための ASP.NET MVC(C#)コードを生成できるよう支援します。編集、レビュー、書式設定などに対応したドキュメントエディターを組み込むための、すぐに使えるスニペットとベストプラクティスを提供します。

主な機能

  • ドキュメントの編集: Word ドキュメントを作成、編集、表示します。
  • 保護: 読み取り専用モードを適用し、コメントやフォームへの入力を許可し、変更履歴を有効にし、編集可能な範囲を定義します。
  • レビュー: 変更履歴(リビジョン)を有効にし、変更を承認または却下します。
  • コメント: コメント、返信、作成者のメタデータを追加します。
  • 検索と置換: 自動化のためのプログラムによる検索と置換を実行します。
  • フォームフィールド: テキストフィールド、チェックボックス、ドロップダウン形式のフォームフィールドを挿入して入力します。

前提条件

クイックスタートの例

例 1:リボン付きの編集可能なドキュメントエディターを作成する

ユーザー:「リボン UI 付きのドキュメントエディターコンポーネントを作成してください」

結果: リボン UI 付きのドキュメントエディターを表示する ASP.NET MVC スニペットです。

例 2:読み取り専用の制限モードを有効にする

ユーザー:「読み取り専用の制限モードを備えたドキュメントエディターを作成してください。」

結果: 読み取り専用の保護を有効にしたドキュメントエディターを作成する ASP.NET MVC スニペットです。

はじめに — 最小限の ASP.NET MVC(C#)コード

通常の Web プロジェクト向けの、最小限の ASP.NET MVC ドキュメントエディターのセットアップです。

~/Views/Home/Index.cshtml ページに Syncfusion® ASP.NET MVC DocumentEditor タグヘルパーを追加します。

たとえば、Document Editor Container コンポーネントを ~/Views/Home/Index.cshtml ページに追加します。

@Html.EJS().DocumentEditorContainer("container").Render()

ユーザーのプロジェクト向けに ASP.NET MVC(C#)コードを生成する

トリガーキーワード: "code", "snippet", "how to", "show me", "sample", "example code", "generate code", "implement", "add to view", "configure documenteditor", "create", "asp.net mvc document editor", "docx editor", "document editor", "track changes", "load docx", "export pdf", "comments", "accept changes", "insert table", "insert image", "table of contents", "protect document", "content control"

ワークフロー:

  1. ユーザーのリクエストを分析して、機能(変更履歴、編集制限、ツールバーのカスタマイズなど)を特定します。

  2. 関連する references/*.md ファイルを読み、リクエストされた機能の API とコードパターンを確認します。

  3. コードを生成する前に停止します。 ユーザーがすでに提供方法を選択しているか確認します。

  4. 提供方法がまだ選択されていない場合は、 必ず最初に次の簡潔な選択式の質問をします。

    「生成したコードをどのように受け取りたいですか?」

    • オプション 1: 特定のプロジェクトファイルのコードを置き換える(ファイルパスの提示と確認が必要です)
    • オプション 2: チャットウィンドウにコードを直接表示する
  5. ユーザーが提供方法を選択した後にのみ、 references/*.md の API とスニペットを使って ASP.NET MVC(C#)コードを生成し、ユーザーのプロジェクトの具体的な値でプレースホルダーを置き換えます。

  6. ユーザーがオプション 1 を明示的に選択し、ファイルパスを提示して許可していない限り、ワークスペースのプロジェクトファイルを変更しないでください。

  7. コードの提供後に、完全な ASP.NET MVC スニペットと簡潔な統合手順を提示します。

運用上の制約(出力ディレクトリ、一時ファイル、使用可能なライブラリなど)については、## Key Rules セクションを参照してください。

コードリファレンス

すべてのコードスニペットと例は references/ フォルダーにあります。各ファイルには、次の内容が含まれています。

  • 最小限の ASP.NET MVC (C#) コード — すぐに使える、動作するスニペット
  • プレースホルダー — ユーザーがカスタマイズする必要がある値
  • 注意事項 — ASP.NET MVC のベストプラクティスとフレームワーク固有の調整
ファイルトピック
comments.mdコメントの挿入、管理、削除
customize-toolbar.mdツールバー項目のカスタマイズ
getting-started.mdドキュメントエディターの初期化(Razor/Cshtml)
document-protection.mdドキュメント編集の保護と制限
editor-only.mdエディター専用モードの初期化
find-and-replace.mdテキストの検索と置換
form-fields.mdフォームフィールドの作成と管理
paste-formatting.md貼り付け時の書式の保持(サーバー側)
insert-text-box.mdテキストボックスの挿入ダイアログ
ribbon.mdRibbon UI を使用した documentEditor の初期化
track-changes.md変更履歴の追跡とリビジョンの管理
collaborative-editing-mvc.mdCollaboration Client と Server を使用した共同編集(ASP.NET CoMVCre バックエンド)

コード生成の主なルール

  1. SKILL.md にインラインコードを記載しない — 必ず references/*.md のスニペットを参照してください。このファイルはすべてのプロンプトのコンテキストに読み込まれるため、インラインコードはトークンを無駄にします。

  2. スニペットはテスト済みであること — すべてのコードは、現在の Syncfusion.EJ2.WordEditor.AspNet.Mvc5 に対してコンパイルおよび実行できる必要があります。

  3. 最小限のコード+プレースホルダー+注意事項 — すべてのリファレンスファイルに、次の内容を含める必要があります。

    • 最小限のコード(完全に動作するスニペット)
    • プレースホルダー(ユーザーが置き換える値。{{ }} または [PLACEHOLDER] で示します)
    • 注意事項(ベストプラクティス、フレームワーク固有の調整、制約)
  4. Syncfusion API のみを使用する — 競合するライブラリは決して提案しないでください。

  5. 要件に合ったコードと注意事項を共有する — 一時ファイルやスクリプトは決して作成しないでください。

  6. ライセンスの取り扱い — ライセンスキーをハードコードしないでください。環境変数または構成ファイルを参照するよう案内してください。

  7. フレームワークへの適応 — 既定ではプレーンな JavaScript/TypeScript を使用します。ユーザーがフレームワークを指定した場合は、そのフレームワークを使用します。

  8. 存在しない API を作り上げない — 検証済みの Syncfusion DOCX Editor SDK メソッド名のみを使用してください。誤ったメソッドが一つでもあると、ユーザーの信頼を損ないます。

  9. 従来形式の .csproj 登録 — ASP.NET MVC 5 プロジェクトでは、従来形式(非 SDK 形式)の .csproj ファイルを使用します。新しく生成するすべての .cs ファイルを <Compile Include="..."> エントリとして追加し、新しい NuGet アセンブリはすべて HintPath を含む <Reference> として追加し(さらに packages.config エントリも追加する必要があります)、これを行わないとファイルがコンパイル対象から黙って除外され、ビルドが失敗します。references/collaborative-editing-mvc.md →「プロジェクトへの新しいファイルの登録(.csproj)」を参照してください。

ルール

  • Syncfusion Document Editor API のみを使用する — 代替の Word Editor ライブラリを推奨または使用しないでください。

  • 一時ファイルを作成しない — 出力ディレクトリ外に一時スクリプト、中間ファイル、またはスキャフォールディングを決して作成しないでください。

  • ASP.NET MVC (C#) のコードのみ — 生成するコードはすべて有効な ASP.NET MVC (C#) である必要があります。プレーンな JavaScript、jQuery、または ASP.NET MVC (C#) 以外のパターンは決して生成しないでください。

コメント