zyCapture × CKEditor 4 集成演示

<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/ckeditor4x/ckeditor/ckeditor.js"></script>

<textarea id="editor1"></textarea>
<script>
  var scpMgr = zyCapture.getInstance({
    config: { PostUrl: "/api/upload", FileFieldName: "file" },   // 改成你的上传接口
    event: {
      postComplete: function (url) {
        editor.insertHtml('<img src="' + url + '" />');
      }
    }
  });
  window.scpMgr = scpMgr;   // screencapture 插件通过全局 scpMgr 触发截屏

  var editor = null;
  CKEDITOR.on('instanceReady', function (evt) { editor = evt.editor; });
  CKEDITOR.replace('editor1', {
    extraPlugins: 'screencapture',
    toolbar: [['Source','-','Bold','Italic','-','NumberedList','BulletedList','-','Link','Unlink','screencapture']]
  });
</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}"  在取到的地址前后拼路径