关于编辑器:COS控制台进阶-文件预览和在线编辑

125次阅读

共计 1414 个字符,预计需要花费 4 分钟才能阅读完成。

COS 控制台新上线了文件预览性能,用户可在控制台内间接预览、编辑文件内容。

前不久,微软公布了 vscode for web 的布告,是基于 web 的在线代码编辑器,无需下载安装能够间接在 web 浏览器中运行,同时反对断点调试、版本治理、团队开发等性能。寰球最大的代码托管网站 github.com,也在网页端反对了在线编辑模式。人们对在线开发的激情被再次点燃。

同样是治理云上文件的腾讯云 COS,也在控制台推出了更便捷的在线管理文件的性能!

一、COS 控制台更新 – 文件预览和在线编辑

文件预览: 提供了在线查看文件内容的性能,如在线播放音视频、查看 ppt/pdf 等文档。

文件编辑:不便开发者随时随地编辑 COS 存储桶文件,如在线批改动态网站代码、Markdown 文档。

二、如何应用

(一)文件在线编辑

在线编辑依赖 COSBrowser Web 版来实现。COSBrowser 客户端版大家曾经十分相熟了,WebIDE 的遍及越来越广,COSBrowser 也推出了 Web 在线版,不便开发者随时随地治理 COS 存储桶文件,来反对在浏览器内编辑文件内容的能力。

在腾讯云 COS 控制台,抉择存储桶进入文件列表页,点击右上角“在线编辑器”链接,即可跳转到 COSBrowser Web 版编辑以后文件夹的文件。如果想对当前目录下的文件夹或文件编辑,能够在“更多”找到编辑按钮。


在线编辑 COS 存储桶文件

为了贴合开发者习惯,在 COSBrowser web 版里文件列表以目录树的模式在右边展现,左边为编辑区,用户可像在 vscode 里批改代码一样,在编辑区批改内容,编辑完之后,Ctrl+ s 键保留。再也不必依照以前那一套低效的下载 –> 编辑 — > 上传来实现文件的批改。

快捷方式一:按键盘快捷键进入编辑

如果你感觉这样的形式太过于平庸,不适宜 Geek 的你,咱们还筹备了更炫酷的性能给你,当你浏览 COS 控制台文件列表时,只须要点击键盘上的 . 键,即可进入在线编辑器,如下图:

快捷方式二:批改 url 地址进入编辑

你也能够通过批改文件列表的 url 来达到这个目标,将 url 中的 /bucket 改为 /dev,如 https://console.cloud.tencent…,同样能够进入编辑以后文件夹。

(二)文件预览

首先抉择存储桶进入文件列表页,点击操作栏的预览按钮;

目前反对 图片、视频、音频、文档、代码文本 等简直所有的文件类型。


预览图片


视频播放


PPT 文档预览


Excel 文档预览

有了文件预览,咱们再也不须要下载到本地关上了,间接在页面一键预览,省时省力。

三、如何在本人的网站实现

(一)文档预览

除了浏览器本身显示的文件,COS 针对 docx、xlsx、pptx 等简单文档文件,推出了文档预览性能,开发者只有在控制台开启文档预览性能,在对象的拜访 URL 上加上预览参数?ci-process=doc-preview&dstType=html 即可应用,如:

https://ci-h5-demo-1258125638…

(二)播放视频

在 Web 端实现视频播放,举荐应用腾讯云点播的“超级播放器”,不仅反对 RTMP、FLV、HLS、MP4 等格局,更提供了丰盛的音视频播放场景的实用功能。

(三)在线编辑

COSBrowser Web 的在线编辑器,应用了体验靠近 vscode 的 monaco editor,开发者能够自行在本人网站实现编辑。

四、写在最初

后续,咱们会持续深入钻研,提供更加人性化的性能给到大家,敬请期待。欢送体验和反馈倡议。

正文完
 0