Chế độ xem và quyền

<div id="editor-a" style="height: 45vh"></div>
<div id="editor-b" style="height: 45vh"></div>
<script src="http://localhost:8080/o3o/api.js"></script>
<script>
  // Cùng một key = cùng một tài liệu. An sửa (1 kết nối), Bình chỉ xem (không tính).
  const doc = { url: "http://localhost:8080/o3o/demo/sample.docx", title: "sample.docx", fileType: "docx", key: "coedit-demo-1" };
  new O3O.Editor("editor-a", { document: doc, editor: { mode: "edit", lang: "vi", user: { id: "u-an", name: "An" } } });
  new O3O.Editor("editor-b", {
    document: doc,
    editor: { mode: "view", lang: "vi", user: { id: "u-binh", name: "Bình" } },
    ui: { print: false, export: false, copy: false }      // người xem không in, không tải về, không chép ra ngoài
  });
</script>

document.getElementById("toggle").onchange = async (ev) => {
  const { mode } = await editor.setReadOnly(!ev.target.checked);   // lưu thay đổi nếu có, rồi nạp lại khung
  if (ev.target.checked && mode === "view") {
    ev.target.checked = false;   // đã chạm trần: vẫn chỉ đọc, onLimitReached đã phát
  }
};