この記事では、APIを使ってドキュメントからコメント付きのフィードを生成し、エディタボタンの代わりに独自のボタン/メソッドを使ってコメントをナビゲートしたり、コメントに返信したり、コメントを閉じたりできるようにする方法をご紹介します。

<p>この記事では、APIを使ってドキュメントからコメント付きのフィードを生成し、エディタボタンの代わりに独自のボタン/メソッドを使ってコメントをナビゲートしたり、コメントに返信したり、コメントを閉じたりできるようにする方法をご紹介します。<img decoding="async" loading="lazy" class="alignnone wp-image-42843 size-full" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/ONLYOFFICE-connector-class.jpg" alt="ONLYOFFICE Docs Advanced API: Manage a comment feed for documents in one place" width="1472" height="742" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/ONLYOFFICE-connector-class.jpg 1472w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/ONLYOFFICE-connector-class-300x151.jpg 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/ONLYOFFICE-connector-class-1024x516.jpg 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/ONLYOFFICE-connector-class-768x387.jpg 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/ONLYOFFICE-connector-class-634x320.jpg 634w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/ONLYOFFICE-connector-class-353x178.jpg 353w" sizes="(max-width: 1472px) 100vw, 1472px" /> </p>
<h2>簡単な紹介</h2>
<p>新しく追加された Connector API クラスは、文書、スプレッドシート、プレゼンテーション、および記入可能なフォームを外部から操作することができます。この方法では、カスタム インターフェイスをドキュメントに直接リンクし、その中で任意のアクションを実行できる特別なコネクタを作成することができます。</p>
<h2><img decoding="async" loading="lazy" class="alignnone size-full wp-image-42143 img-popup" style="font-size: 16px;" src="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/connector.png" alt="ONLYOFFICE Docs Advanced API: How to manage a comment feed for all documents in one place" width="1205" height="744" srcset="https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/connector.png 1205w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/connector-300x185.png 300w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/connector-1024x632.png 1024w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/connector-768x474.png 768w, https://static-blog.onlyoffice.com/wp-content/uploads/2022/10/connector-288x178.png 288w" sizes="(max-width: 1205px) 100vw, 1205px" /></h2>
<h2>想定されるシナリオやケース</h2>
<ul>
<li>全文書のコメントフィードを一元管理する</li>
<li>データベースからエクスポートしたデータを使って、フォームに自動的に入力する</li>
<li>外部からのレビュープロセスの管理（提案された変更の受け入れ/拒否）</li>
<li>などなど&#8230;</li>
</ul>
<h2>開始方法</h2>
<p>Connector APIクラスはAdvanced APIに含まれ、ONLYOFFICE Docs Developer Editionのバージョン7.2以降の新しいビルドで利用可能です。そのため、まずこのオプションが含まれた<a href="https://www.onlyoffice.com/developer-edition.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=connector_class">ONLYOFFICE Docs Developer Edition</a>の新しいライセンスを取得する必要があります（APIへのアクセスセクションで、Advancedオプションを選択します）。</p>
<p style="text-align: center;"><a class="red button" href="https://www.onlyoffice.com/developer-edition-prices.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=connector_class" target="_blank" rel="noopener">ライセンスを購入する</a></p>
<p>まずは試してみたいという方は、ONLYOFFICE Docs Developer Editionの30日間の新規トライアルを開始するか、弊社営業（<a href="mailto:sales@onlyoffice.com">sales@onlyoffice.com</a>）までデモのご依頼をお願いします。また、専任の営業担当者に直接ご連絡いただくことも可能です。</p>
<p style="text-align: center;"><a class="red button" href="https://www.onlyoffice.com/download-docs.aspx?utm_source=blog&amp;utm_medium=article&amp;utm_campaign=connector_class#docs-developer" target="_blank" rel="noopener">今すぐダウンロード</a></p>
<h2>必要なこと</h2>
<p>コメント フィードを実装し、独自のボタン/メソッドを使用してコメントで作業するには、Connector を作成する必要があります。これを行うには、ドキュメント エディタ オブジェクトの <strong>createConnector</strong> メソッドを使用します: <code>var connector = docEditor.createConnector()</code>ここでは Connector で使用できる最も重要なメソッドを紹介します。</p>
<ul>
<li><strong>attachEvent</strong> は、以前はプラグインからしか利用できなかったイベントリスナーを追加することができます。完全なリストは<a href="https://api.teamlab.info/plugin/events">こちら</a>でご覧になれます。その中には、コンテンツ コントロールの変更 (<code>onChangeContentControl</code>) や要素のクリック (onClick) などのイベントが含まれます。</li>
<li><strong>callCommand</strong> は、ドキュメントビルダースクリプトを実行して、ドキュメントを構築したり修正したりすることができます。 1,500 以上のメソッドが Builder Document スクリプトによって提供され、それらはすべて Connector で実行できるようになります。ドキュメント、スプレッドシート、およびプレゼンテーションのメソッドのリストは、<a href="https://api.onlyoffice.com/docbuilder/integrationapi">ここ</a>で入手できます。</li>
<li><strong>executeMethod</strong>により、コネクタを使用して特定のエディタ・メソッドを実行することができます。これらのメソッドは、複雑なドキュメント・ビルダー・コマンドのセットを実行します。また、純粋なドキュメント・ビルダー・コマンドとは異なり、エディタ内のフォーカス位置と関連しています。例えば、<code>GetSelectedText</code> メソッドは選択されたコンテンツを取得することができ、<code>MoveToComment</code> メソッドはコメントにフォーカスを移動させることができます。</li>
</ul>
<h2>ステップ・バイ・ステップの実装</h2>
<p>以下の操作に従い、指定されたコマンドを実行することで、文書外のコメントを一元的に管理することができます。文書内の全コメントを取得するには：</p>
<pre class="theme:github font:monospace lang:default decode:true ">connector.executeMethod("GetAllComments", null, function(comments) { /**/ })</pre>
<p>カーソルでハイライトされている要素に新しいコメントを追加します。</p>
<pre class="theme:github font:monospace lang:default decode:true ">connector.executeMethod("AddComment",[{Text: comment, UserName: userName, Time: datetime}]);</pre>
<p>既存のコメントを修正します。</p>
<pre class="theme:github font:monospace lang:default decode:true ">connector.executeMethod("ChangeComment", [commentId, newData]);</pre>
<p>既存のコメントを削除します。</p>
<pre class="theme:github font:monospace lang:default decode:true ">connector.executeMethod("RemoveComments", [commentId]);</pre>
<p>変更コメントイベントを購読します。</p>
<pre class="theme:github font:monospace lang:default decode:true ">connector.attachEvent("onChangeCommentData",  function (data) { /**/ })</pre>
<p>コメント追加イベントを購読します。</p>
<pre class="theme:github font:monospace lang:default decode:true ">connector.attachEvent("onAddComment",  function (comment) { /**/ })</pre>
<p>コメント削除イベントを購読します。</p>
<pre class="theme:github font:monospace lang:default decode:true ">connector.attachEvent("onRemoveComment",  function (data) { /**/ })</pre>
<p>この例は、新しいAdvanced APIが、あなたのプログラムコードを通してドキュメントを変更し、制御するための複数の能力を提供することを示しています。</p>
<p>私たちは、利用可能なメソッドやイベントのリストを常に拡張していくつもりです。しかし、特定のタスクやリクエストがあるにもかかわらず、それに適したドキュメントのメソッドが見つからない場合は、ぜひ私たちにお知らせください。専任のサポートまたは営業担当者に直接ご連絡いただくか、<a href="mailto:sales@onlyoffice.com">sales@onlyoffice.com</a> のメールアドレスをご利用ください。</p>
<p>APIアップデートに関するウェビナーで、開発者向けの最新の機能強化について詳しくご紹介しています。</p>
<p style="text-align: center;"><iframe loading="lazy" width="660" height="415" src="https://www.youtube.com/embed/OxXzQpy9vFw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" data-mce-fragment="1"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start">﻿</span></iframe></p>
<div class="useful-links">
<h3>お役立ちリンク</h3>
<p><a href="https://api.onlyoffice.com/editors/connector" target="_blank" rel="noopener"><u>API ドキュメント</u></a></p>
<p><a href="/blog/?p=39739&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=connector_class" target="_blank" rel="noopener"><u>バージョン7.2でのAPIアップデート<br />
</u></a></p>
<p><a href="/blog/?p=39721&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=connector_class" target="_blank" rel="noopener"><u>Document Builder アップデート</u></a></p>
<p><a href="/blog/?p=41938&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=connector_class" target="_blank" rel="noopener"><u>ONLYOFFICE DocsをReact、Angular、Vueにデプロイする方法</u></a></p>
<p><a href="/blog/?p=41644&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=connector_class" target="_blank" rel="noopener"><u>ライブビューアを有効にする方法</u></a></p>
</div>

ONLYOFFICE Docs Advanced API：ドキュメントのコメントフィードを一元管理

最新情報

ONLYOFFICEマクロを使ってスプレッドシートデータを分析する

Pflasterstube KaiserslauternがONLYOFFICEとMattermostを利用し、どのように人々を支援しているか

ONLYOFFICEと一緒に新学年を向かう：教育向け割引