Bỏ qua, tới nội dung
Tài liệu APIv1

Nhúng trình soạn thảo

Ngôn ngữ và giao diện

Ngôn ngữ giao diện, từ điển chính tả, kích thước khung, thanh công cụ, và tình trạng nhãn trắng.

Trong trang này

Ngôn ngữ giao diện#

editor.lang nhận mã ngôn ngữ như vi (mặc định) hay en-US; gate chuyển nó thành tham số lang của trang soạn thảo. Mã nào máy chủ soạn thảo chưa có bản dịch thì giao diện dùng ngôn ngữ dự phòng (thường là tiếng Anh). Thông báo lỗi của gate (message) luôn là tiếng Việt.

Từ điển kiểm tra chính tả là cấu hình phía máy chủ: O3O_ONLINE_DICTIONARIES, mặc định vi en_US.

Khung và thanh công cụ#

TrườngGiá trịGhi chú
ui.width, ui.heightchuỗi CSS, mặc định 100%Phần tử chứa phải có chiều cao thật.
ui.modetabbed | compactThanh công cụ dạng thẻ (mặc định) hay dạng gọn.
ui.menubarbooleanChỉ có nghĩa với compact. Áp sau khi tài liệu nạp.
ui.statusbarbooleanÁp sau khi tài liệu nạp.
ui.userListbooleanDanh sách người cùng sửa.
ui.closeButtonbooleanNút đóng, phát onClose.
ui.limitBannerbooleanBăng thông báo khi bị hạ chỉ đọc vì chạm trần; false nếu bạn tự vẽ.
JavaScriptGiao diện gọn, tiếng Anh
new O3O.Editor("o3o-editor", {
  document: { url: "http://localhost:8080/o3o/demo/sample.docx", title: "sample.docx", fileType: "docx", key: "ui-demo-1" },
  editor: { mode: "edit", lang: "en-US", user: { id: "u-1001", name: "Jane Doe" } },   // giao diện tiếng Anh
  ui: {
    width: "100%",
    height: "calc(100vh - 48px)",   // chừa chỗ cho thanh điều hướng của bạn
    mode: "compact",                // thanh công cụ gọn thay vì dạng thẻ
    menubar: true,                  // chỉ có nghĩa với mode "compact"
    statusbar: false,
    userList: false,
    closeButton: true,
    limitBanner: true
  }
});

Thương hiệu#

Bản Docker DEV dùng image soạn thảo của thượng nguồn nên giao diện mang tên và logo của thượng nguồn, không đổi được bằng cấu hình; image này chỉ để thử nội bộ. Tên O3O Office Online và nhãn trắng cần image O3O dựng từ nguồn.

Sắp có

ui.theme (sáng, tối), ui.logo, ui.productName, ui.primaryColor cho bản doanh nghiệp; ui.watermark; ẩn hiện từng nút lệnh; ui.ruler; ui.sidebar.