控件已支持全平台 Windows / macOS / Linux / ARM64 / MIPS64 / LoongArch64, 浏览器端首次使用需安装对应平台的客户端或扩展,各平台安装包与浏览器扩展统一在控件包页面提供; 装好后刷新本页即可截屏。
<script src="/res/jquery/jquery-1.9.1.min.js"></script> <script src="/products/scppro/demo/zyCapture/json2.min.js"></script> <script src="/products/scppro/demo/zyCapture/skygqbox.js"></script> <script src="/products/scppro/demo/zyCapture/scp.js"></script> <!-- zyCapture 控件 --> <script src="/products/scppro/fckeditor2x/fckeditor/fckeditor.js"></script> <textarea id="MyTextarea"></textarea> <script> var scpMgr = zyCapture.getInstance({ config: { PostUrl: "/api/upload", FileFieldName: "file" }, event: { postComplete: function (url) { // 上传完成 → 插到光标处 editor.InsertHtml('<img src="' + url + '" />'); } } }); var editor = null; var oFCKeditor = new FCKeditor('MyTextarea'); oFCKeditor.BasePath = "/fckeditor/"; oFCKeditor.ToolbarSet = 'Basic'; oFCKeditor.ReplaceTextarea(); function FCKeditor_OnComplete(instance) { editor = instance; } // 触发截屏(可挂到自己的按钮上) function doCapture() { scpMgr.Capture(); } </script>
POST /api/upload Request: multipart/form-data (字段名由 FileFieldName 指定,默认 file) Response: { "state": "SUCCESS", "url": "https://your-cdn.com/upload/2026/09/abc.png" // 图片地址,控件会回填到编辑器 } // 若返回格式无法用 url 字段表达,可用控件配置项做提取: // ImageMatch: "\"url\":\"(.+?)\"" 用正则从响应文本中取地址 // ImageUrl: "https://cdn.example.com/{url}" 在取到的地址前后拼路径
下载完整 DEMO 包与集成文档,或申请 1 周免费 POC 试用。