Cách tích hợp ONLYOFFICE Docs với draw.io/diagrams.net

[theanh]

ONLYOFFICE Docs là một bộ ứng dụng văn phòng mã nguồn mở được phân phối theo GNU AGPL v3.0. Nó bao gồm các trình xem dựa trên web và trình chỉnh sửa cộng tác cho các tài liệu văn bản, bảng tính và bản trình bày tương thích với các định dạng OOXML.

ONLYOFFICE Docs có thể được tích hợp với nhiều dịch vụ đám mây khác nhau như Nextcloud, Redmine, Seafile, Jira, Moodle, v.v., cũng như được nhúng vào giải pháp của riêng bạn. Trình chỉnh sửa cũng có thể được sử dụng như một phần của giải pháp năng suất hoàn chỉnh ONLYOFFICE Workspace.

Draw.io (diagrams.net) là ứng dụng vẽ sơ đồ nguồn mở dành cho các nhóm, cho phép bạn tạo nhiều loại sơ đồ, bao gồm sơ đồ luồng, sơ đồ tư duy, sơ đồ tổ chức, sơ đồ Venn, đồ họa thông tin, sơ đồ mạng và kiến trúc, sơ đồ UML, v.v.

Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách cung cấp dịch vụ draw.io ngay trong ONLYOFFICE Docs bằng cách sử dụng plugin.

Bước 1: Cài đặt ONLYOFFICE Docs​

Cách dễ nhất để cài đặt phiên bản mới nhất của bộ công cụ với tất cả các thành phần phụ thuộc là sử dụng Docker chạy lệnh sau:

sudo docker run -i -t -d -p 80:80 --restart=always onlyoffice/documentserver

Bạn có thể tìm thấy hướng dẫn chi tiết trong hướng dẫn HowtoForge này.

Bước 2: Cài đặt plugin​

Tải xuống plugin trên GitHub và tiến hành cài đặt thủ công theo hai cách.

Cài đặt thông qua thư mục sdkjs-plugins​

Đặt thư mục mã plugin vào ONLYOFFICE Thư mục Docs và khởi động lại dịch vụ:

var/www/onlyoffice/documentserver/sdkjs-plugins/

Để gỡ lỗi, hãy khởi động ONLYOFFICE Docs bằng thư mục sdkjs-plugins:

# docker run -itd -p 80:80 -v /absolutly_path_to_work_dir:/var/www/onlyoffice/documentserver/sdkjs-plugins/plugin onlyoffice/documentserver-ee:latest

Cài đặt thông qua tệp config.json​

Trong cấu hình ONLYOFFICE Docs, hãy thêm đường dẫn đến tệp config.json tương ứng của plugin draw.io vào tham số plugins.pluginsData:

var docEditor = new DocsAPI.DocEditor("placeholder", {
 "editorConfig": {
 "plugins": {
 "autostart": [
 "asc.{0616AE85-5DBE-4B6B-A0A9-455C4F1503AD}",
 "asc.{FFE1F462-1EA2-4391-990D-4CC84940B754}",
 ...
 ],
 "pluginsData": [
 "https://example.com/plugin1/config.json",
 "https://example.com/plugin2/config.json",
 ...
 ]
 },
 ...
 },
 ...
});

Tại đây, example.com là tên máy chủ nơi ONLYOFFICE Docs được cài đặt và

https://example.com/plugin1/config.json

là đường dẫn đến plugin.

Guid của plugin draw.io là asc.{DB38923B-A8C0-4DE9-8AEE-A61BB5C901A5}.

Nếu có ví dụ thử nghiệm trong tệp này, hãy thay thế dòng /etc/onlyoffice/documentserver-example/local.json bằng đường dẫn đến tệp config.json của plugin.

Bước 3: Khởi động plugin draw.io​

Sau khi cài đặt thành công plugin draw.io, biểu tượng tương ứng sẽ xuất hiện trên tab Plugin. Nhấp vào biểu tượng đó và tạo sơ đồ của riêng bạn trong cửa sổ đã mở hoặc dán một sơ đồ từ bất kỳ tài nguyên nào có sẵn.

Khi bạn đã sẵn sàng, hãy nhấp vào Lưu & Thoát rồi nhấp vào nút Ok để có sơ đồ đã sẵn sàng trong tài liệu của bạn. Nếu bạn cần thực hiện thêm thay đổi cho sơ đồ, chỉ cần nhấp vào sơ đồ đó.



Vậy là xong! Bây giờ bạn có thể tạo, chỉnh sửa và chèn sơ đồ vào tài liệu của mình mà không cần thoát khỏi trình chỉnh sửa hoặc khởi chạy bất kỳ ứng dụng bổ sung nào.