mcpField
S
syncfusion-wpf-docx-editor

syncfusion-wpf-docx-editor

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

syncfusion-wpf-docx-editor について

SyncfusionのWPF DOCX Editorを組み込むC#およびXAMLのコード例を生成する開発者向けスキルです。文書編集、コメント、保護、インポートとエクスポートなどを扱い、生成前にコードの受け取り方法を確認します。

主な機能

  1. 01C#とXAMLの統合例
  2. 02文書の編集と書式設定
  3. 03コメントと文書保護
  4. 04対応形式のインポートとエクスポート
  5. 05検索と置換
  6. 06生成前の受け取り方法確認

活用シーン

  1. 01WPFプロジェクトへのSfRichTextBoxAdvの統合
  2. 02コメント追加や文書編集の制限
  3. 03DOCXなど対応形式の読み込みと保存

インストール

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

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

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

同梱ファイル

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

README.md
references/
automatic-suggestion.md
background.md
character-format.md
clipboard.md
commands.md
comments.md
determine-editing-context-type.md
dialogs.md
document-editor.md
document-properties.md
find-and-replace.md
hyperlink.md
image.md
layout-types.md
lists.md
localization.md
lost-focus-behavior.md
minitoolbar.md
mvvm.md
open-document.md
paragraph-format.md
print.md
save-document.md
section-format.md
selection.md
shapes.md
spellchecker.md
styles.md
table.md

詳細

Syncfusion WPF DOCX エディター

概要

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

主な機能

  • ドキュメント編集: Word ドキュメントを作成、編集、表示します。
  • 保護: 読み取り専用モードを適用し、コメントを許可します。
  • コメント: コメントや返信を追加し、コメント間を移動します。
  • 検索と置換: 自動化のための検索と置換をプログラムから実行します。
  • インポート/エクスポート: .doc/.docx/.rtf/.html/.xaml/.txt を開いて保存します。
  • クリップボード: 書式付きのリッチコンテンツをコピー、切り取り、貼り付けます。
  • ハイパーリンク: ハイパーリンクを挿入、編集し、移動します。

前提条件

クイックスタートの例

例 1:ドキュメントエディターを作成する

ユーザー:「ドキュメントエディターコンポーネントを作成するコードを見せてください。」

結果: SfRichTextBoxAdv を初期化する WPF XAML + C# のコードスニペット。

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

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

結果: ドキュメントを読み込み、初期化中に読み取り専用の保護を適用する C# のコードスニペット。


ユーザーのプロジェクト向けに C# コードを生成する(デフォルト)

トリガーキーワード: "code", "snippet", "how to", "how to write", "show me", "sample", "example code", "generate code", "generate code for", "implement", "implementation", "create", "integrate", "add to component", "add to project", "configure documenteditor", "API example", "usage example", "how do I", "how to use", "document editor", "wpf document editor", "docx editor", "wpf docx editor", "load docx", "comments", "protect document", "find and replace","MainWindow.xaml", "NuGet", "sfrichtextboxadv", "sfrichtextribbon"

ワークフロー:

  1. ユーザーのリクエストを分析し、対象の機能(コメント、検索と置換、インポートとエクスポートなど)を特定します。

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

  3. コードを生成する前に必ず停止します。 ユーザーがコードの受け取り方法をすでに選択しているか確認します。

  4. 受け取り方法がまだ選択されていない場合は、次の簡潔な選択式の質問を必ずユーザーに尋ねます。

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

    • オプション 1: 指定したプロジェクトファイル内のコードを置き換える(ファイルパスを提示し、確認する必要があります)
    • オプション 2: チャットウィンドウにコードを直接表示する
  5. ユーザーが受け取り方法を選択した後に限り、references/*.md の API とコードスニペットを使い、ユーザーのプロジェクトに合わせて具体的なプレースホルダーを置き換え、WPF コードを生成します。

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

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

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

コードリファレンス

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

  • 最小限の React コード — そのまま使用できる動作するスニペット
  • プレースホルダー — ユーザーがカスタマイズする必要がある値
  • 注意事項 — ベストプラクティス、追加情報、機能の使用時に留意すべき制約
ファイル用途
automatic-suggestion.md@ 文字を使用したテキストの自動候補表示とメンションを設定します。
background.mdドキュメントとエディターコントロールの背景をカスタマイズします。
character-format.mdフォントファミリー、サイズ、スタイル、色などの文字書式を適用します。
clipboard.mdドキュメントエディター内でコピー、切り取り、貼り付けを行います。
commands.md組み込みのエディターコマンドを使用し、コマンドの割り当てを設定します。
comments.mdドキュメントのコメントを挿入、管理、返信、移動、削除します。
determine-editing-context-type.md現在の編集コンテキスト(テキスト、表、画像など)を特定します。
dialogs.md組み込みのダイアログを使用し、外観と動作をカスタマイズします。
document-editor.mdWPF DOCX Editor を作成、初期化、設定します。
document-properties.md単語数、ページ数、現在のページなどのドキュメント統計情報にアクセスします。
find-and-replace.mdテキストを検索し、検索と置換を行います。
hyperlink.mdドキュメント内のハイパーリンクを挿入、編集、管理します。
image.mdドキュメント内の画像を挿入、管理します。
layout-types.mdページレイアウトモード(Pages / Continuous / Blocks)を切り替えます。
lists.md箇条書きと番号付きリストを作成、管理します。
localization.md.resx リソースと UI カルチャ設定を使用してローカライズします。
lost-focus-behavior.mdエディターのフォーカスが失われたときも、キャレットと選択範囲のハイライトを表示したままにします。
minitoolbar.mdすばやく書式を設定するためのミニツールバーを有効または無効にします。
mvvm.mdデータバインディングとビューモデルを使用して、ドキュメントエディターを MVVM と統合します。
open-document.md同期 API と非同期 API を使用して、ファイル、ストリーム、メモリからドキュメントを開いて読み込みます。
paragraph-format.md配置、間隔、インデントなどの段落書式を適用します。
print.mdドキュメントの内容を印刷し、印刷時の動作を設定します。
save-document.md同期 API と非同期 API を使用して、ドキュメントをファイルやストリームに保存、エクスポートします。
section-format.md用紙サイズ、余白、ヘッダー/フッターなどのセクション単位の設定を行います。
selection.mdテキスト選択 API、移動、書式設定、キーボードによる選択を使用します。
shapes.mdインポートしたドキュメントのテキストボックスや四角形などの図形を保持し、操作します。
spellchecker.mdスペルチェックを有効にし、オプションとカスタム辞書を設定します。
styles.md文字、段落、表、リンクされたスタイルを作成、適用、変更、解除します。
table.md行、列、セル、配置など、表を作成、操作します。
template-and-styling-document-editor.mdコントロールテンプレート、スタイル、コンテキストメニュー、ペイン、エディター UI 全体の外観をカスタマイズします。
undo-redo.mdドキュメントの編集操作を元に戻す/やり直し、元に戻す動作を設定します。
virtualization.mdUI 仮想化を有効にし、パフォーマンス最適化の手法を適用します。

コード生成の主なルール

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

  2. スニペットはテストする — すべてのコードは、現在の Syncfusion WPF NuGet パッケージ(例:Syncfusion.SfRichTextBoxAdv.WPF)およびサポート対象の .NET ターゲットフレームワークでビルドして実行できる必要があります。

  3. 最小限のコード+プレースホルダー+注記 — 各リファレンスファイルには、以下を含める必要があります。

    • 最小限のコード(完全に動作するスニペット)
    • プレースホルダー(ユーザーが置き換える必要がある値。{{ }} または [PLACEHOLDER] で示します)
    • 注記(ベストプラクティス、フレームワーク固有の調整、制約)
  4. 要件に必要なコードと注記を共有する — 一時ファイルやスクリプトは作成しないでください。

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

  6. フレームワークへの適応 — 既定では C# + XAML を使用します。ユーザーがフレームワークを指定した場合。

  7. 存在しない API を作り出さない — 検証済みの Syncfusion DOCX Editor SDK のメソッド名のみを使用してください。誤ったメソッドを一つ使うだけで、ユーザーの信頼を損ないます。

ルール

  • Syncfusion SfRichTextBoxAdv API のみを使用する — 代替の Word Editor ライブラリを推奨したり、使用したりしないでください。
  • 一時ファイルを作成しない — 出力ディレクトリ外に、一時スクリプト、中間ファイル、スキャフォールディングを作成しないでください。
  • C# のみのコード — 生成するコードはすべて、WPF プロジェクトで有効な C# および XAML にしてください。JavaScript、TypeScript、その他の言語は使用しないでください。

コメント