tencent cloud

Cloud Object Storage

Release Notes and Announcements
Release Notes
Announcements
Product Introduction
Overview
Features
Use Cases
Strengths
Concepts
Regions and Access Endpoints
Specifications and Limits
Service Regions and Service Providers
Billing
Billing Overview
Billing Method
Billable Items
Free Tier
Billing Examples
Viewing and Downloading Bill
Payment Overdue
FAQs
Getting Started
Console
Getting Started with COSBrowser
User Guide
Creating Request
Bucket
Object
Data Management
Batch Operation
Global Acceleration
Monitoring and Alarms
Operations Center
Data Processing
Content Moderation
Smart Toolbox
Data Processing Workflow
Application Integration
User Tools
Tool Overview
Installation and Configuration of Environment
COSBrowser
COSCLI (Beta)
COSCMD
COS Migration
FTP Server
Hadoop
COSDistCp
HDFS TO COS
GooseFS-Lite
Online Tools
Diagnostic Tool
Use Cases
Overview
Access Control and Permission Management
Performance Optimization
Accessing COS with AWS S3 SDK
Data Disaster Recovery and Backup
Domain Name Management Practice
Image Processing
Audio/Video Practices
Workflow
Direct Data Upload
Content Moderation
Data Security
Data Verification
Big Data Practice
COS Cost Optimization Solutions
Using COS in the Third-party Applications
Migration Guide
Migrating Local Data to COS
Migrating Data from Third-Party Cloud Storage Service to COS
Migrating Data from URL to COS
Migrating Data Within COS
Migrating Data Between HDFS and COS
Data Lake Storage
Cloud Native Datalake Storage
Metadata Accelerator
GooseFS
Data Processing
Data Processing Overview
Image Processing
Media Processing
Content Moderation
File Processing Service
File Preview
Troubleshooting
Obtaining RequestId
Slow Upload over Public Network
403 Error for COS Access
Resource Access Error
POST Object Common Exceptions
API Documentation
Introduction
Common Request Headers
Common Response Headers
Error Codes
Request Signature
Action List
Service APIs
Bucket APIs
Object APIs
Batch Operation APIs
Data Processing APIs
Job and Workflow
Content Moderation APIs
Cloud Antivirus API
SDK Documentation
SDK Overview
Preparations
Android SDK
C SDK
C++ SDK
.NET(C#) SDK
Flutter SDK
Go SDK
iOS SDK
Java SDK
JavaScript SDK
Node.js SDK
PHP SDK
Python SDK
React Native SDK
Mini Program SDK
Error Codes
Harmony SDK
Endpoint SDK Quality Optimization
Security and Compliance
Data Disaster Recovery
Data Security
Cloud Access Management
FAQs
Popular Questions
General
Billing
Domain Name Compliance Issues
Bucket Configuration
Domain Names and CDN
Object Operations
Logging and Monitoring
Permission Management
Data Processing
Data Security
Pre-signed URL Issues
SDKs
Tools
APIs
Agreements
Service Level Agreement
Privacy Policy
Data Processing And Security Agreement
Contact Us
Glossary

Configuration Item Description

PDF
Focus Mode
Font Size
Last updated: 2026-01-13 16:34:02

Display Mode

Enable different display modes by initializing the configuration option class:
var demo = COSDocPreviewSDK.config({
mode: 'normal',
})
The configuration options are as described below:
mode Value
Description
Default Option
normal
Normal mode, with all functional UIs shown
Yes
simple
Simple mode, with no header and toolbar shown
No

Custom Configuration Options

When initializing the JS-SDK, by configuring different options for different types of files, you can enable or disable specific configurations in a file and control its status when it is opened.
COSDocPreviewSDK.config({
// Common option, which is applicable to all types of files.
commonOptions: {
isShowTopArea: false, // Hide the top area (header and toolbar).
isShowHeader: false // Hide the header area.

},
// Word file configurations.
wordOptions: {
isShowDocMap: false,
isBestScale: true
},
// PDF file configurations.
pdfOptions: {
isShowComment: true,
isInSafeMode: false
},
// Presentation file configurations.
pptOptions: {
isShowBottomStatusBar: true
}
})
Common configuration items: commonOptions
Configuration Item
Description
Default Value
isShowTopArea
Whether to show the top area (header and toolbar)
false
isShowHeader
Whether to show the header area
false
isBrowserViewFullscreen
Whether to enable full screen mode in the browser area
false
isIframeViewFullscreen
Whether to enable full screen mode in the iframe area
false
Text file configuration items: wordOptions
Configuration Item
Description
Default Value
isShowDocMap
Whether to enable the directory feature, which is enabled by default.
true
isBestScale
Whether to display the file at the best scale by default (for PC) when the file is opened
true
isShowBottomStatusBar
Whether to show the bottom status bar (for PC)
false
PDF file configuration items: pdfOptions
Configuration Item
Description
Default Value
isShowComment
Whether to show annotations, which are shown by default.
true
isInSafeMode
Whether to enable the safe mode (text cannot be selected or copied and links cannot be opened). It is disabled by default.
false
isShowBottomStatusBar
Whether to show the bottom status bar (for PC)
false
Presentation file configuration items: pptOptions
Configuration Item
Description
Default Value
isShowBottomStatusBar
Whether to show the bottom status bar (for PC)
false

Component Status Settings

Page components can be hidden or disabled through the commandBars option.
COSDocPreviewSDK.config({
// Common option, which is applicable to all types of files.
commandBars: [
{
cmbId: 'Print', // Component ID
attributes:{
visible: false, // Whether to show the component. Valid values: `false` (no), `true` (yes). Default value: `true`.
enable: false, // Whether to enable the component. Default value: `true`.
},
},
]
})
The list of currently available components is as follows:
Component ID
Description
Scope of Application
Print
Print feature and the Ctrl + P shortcut for print
All files
MobileHeader
Top toolbar in the client
All files
WriterHoverToolbars
Bottom toolbar in the client
Word files
DownloadImg
Download icon when the image is double-clicked
Presentation files
PlayComponentToolbar
Toolbar in the top-right corner when in full screen mode
Presentation files
PlayContextCheckImage
Right click during playback - View original image
Presentation files
FloatMenuCheckImage
Floating menu bar when the image is selected - View original image
Presentation files
WPPMobileCommentButton
Comment button on the bottom toolbar in the client
Presentation files
PDFMobilePageBar
Page number in the client
PDF files


Help and Support

Was this page helpful?

Help us improve! Rate your documentation experience in 5 mins.

Feedback