zyCapture × TinyMCE 3 集成演示

<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/tinymce3x/tiny_mce/tiny_mce.js"></script>

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

  // 注册插件 → 工具栏出现「截屏」按钮
  tinyMCE.PluginManager.add('zycapture', function (ed, url) {
    window.__editor = ed;
    ed.addButton('zycapture', { title: '截屏', onclick: function () { scpMgr.Capture(); } });
  });

  tinyMCE.init({
    mode: 'textareas', theme: 'advanced', plugins: 'zycapture',
    theme_advanced_buttons1: 'bold,italic,underline,|,bullist,numlist,|,undo,redo,|,zycapture',
    theme_advanced_buttons2: '', theme_advanced_buttons3: '', theme_advanced_buttons4: ''
  });
</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}"  在取到的地址前后拼路径