双击设置签名

监听编辑器双击事件，在事件处理函数中对元素设置签名图片

//step1: 监听E_EVENT_KEY.focusChange时间
thinkEditor.addEventListener(E_EVENT_KEY.focusChange, OnFocusChange);
//step2: 判断双击事件 并签名
const OnFocusChange = async (e) => {
  let data = e.data.data;
  if (data.method == "dbClick") {
    let element = data.element;
    if (element !== undefined /*&& element.id == 'signChief' note:可以自行增加条件限制*/) {
      /*****************************step2:双击事件 对元素签名************************************/
      //用户使用自己的方式获得signImgData
      var url = baseUrl + "/system/test/sign/sign.png";
      let response = await fetch(url, { credentials: "same-origin" });
      let signImgData = await response.arrayBuffer();

      //使用SetImageResource或SetImageResourceBase64加载图像数据
      var md5 = thinkEditor.SetImageResource("当前医师电子签名.jpg", signImgData, signImgData.byteLength, {});

      //note: xCfg='1' 按规范要求，签名图片不可拖拽
      var signFragment = "<Fragment><Image xCfg='1' width='2' height='0.8' file='当前医师电子签名.jpg' md5='" + md5 + "'/></Fragment>";
      thinkEditor.SetElementContent(eleId, signFragment);  

    }
  }

按钮签名

button1.onclick = () => {
    thinkEditor.SetElementContent(eleId, signFragment);
};

清空签名

thinkEditor.SetElementContent(eleId, '');