zyCapture × TinyMCE 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/tinymce4x/tinymce/tinymce.min.js"></script>

<textarea id="ta4"></textarea>
<script>
  var scpMgr = zyCapture.getInstance({
    config: { PostUrl: "/api/upload", FileFieldName: "file" },
    event: {
      postComplete: function (url) {
        tinymce.activeEditor.insertContent('<img src="' + url + '" />');
      }
    }
  });

  tinymce.PluginManager.add('zycapture', function (editor) {
    window.__editor = editor;
    editor.addButton('zycapture', {
      icon: 'image', tooltip: '截屏',
      onclick: function () { scpMgr.Capture(); }
    });
  });

  tinymce.init({
    selector: '#ta4', plugins: 'zycapture',
    toolbar: 'bold italic underline | bullist numlist | link | undo redo | zycapture'
  });
</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}"  在取到的地址前后拼路径