ziqim/Yangcai365_web/manage/zview/sys/designStandardDetails.zml

<#def designatedPath="/designStandardDetails.htm"/>
  <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
  <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      var quill = new Quill('#editor-container', {
        theme: 'snow'
      });
 		  var contentElement = document.getElementById("content");
 		  var contentElement1 = document.getElementById("editor-container");
   		 var editButton = document.getElementById("edit-button");
   		var content1 =  '${content}';
		if (!content1) {
  		// content 为空
		}else{
	
      		document.getElementById('editor-container').innerHTML = content1;
		}

   			 
   		 // 当点击编辑按钮时，将内容设置为可编辑状态
   		 editButton.addEventListener("click", function() {
   		 console.log(content1);

   		   contentElement1.contentEditable = true;
    		  contentElement1.focus();
  		  });
   		
   	 	
    
     	 var saveButton = document.getElementById("save-button");
 saveButton.addEventListener("click", async function() {
  var containerasd = document.getElementById("editor-container");
  var imgElements = containerasd.getElementsByTagName("img");
  for (var i = 0; i < imgElements.length; i++) {
    await new Promise((resolve, reject) => {
      (function(index) {
        var src = imgElements[index].src;
        console.log(index);
        // 在这里对src进行重新赋值
        

        
        
        var ajax = new Z.Ajax();
          ajax.setContextPath("${context.getContextPath()}");
  		  ajax.setClassName("com.zhiqim.yangcai.design.action.sys.DesignStandardAction");
        ajax.setMethodName("designtypeImge");
        ajax.addParam("designId", ${reasonId});
        ajax.addParam("content", encodeURIComponent(src));
        ajax.setFailureAlert();
        ajax.setSuccess(function(responseText) {
          imgElements[index].src = responseText;
          console.log(index);
          resolve();
        });
        ajax.execute();
        console.log(index);
      })(i);
    });
  }
  // 在这里执行保存操作，比如将内容发送到服务器进行保存
  nextMethod();
});

    });
    
   function nextMethod() {
   
     	    var html = document.getElementById("editor-container").innerHTML;
     	   console.log(html);

        	var ajax = new Z.Ajax();
    	    ajax.setContextPath("${context.getContextPath()}");
   	 ajax.setClassName("com.zhiqim.yangcai.design.action.sys.DesignStandardAction");
    	ajax.setMethodName("designtype");
   		ajax.addParam("designId", ${reasonId});
   		ajax.addParam("content", encodeURIComponent(html));
   	 	ajax.setFailureAlert();
    	ajax.setSuccess(function(){
        Z.success("操作成功",function(){parent.location.reload();parent.Z.Dialog.close();});
    });
    ajax.setLoading("doDesignPriceCalculate", '正在提交', {disabled:true});
    ajax.execute();

}
    
  </script>

${zhiqim_manager_breadcrumb("设计类型")}
${zhiqim_manager_content()}

<#-- 导航 -->

<div id="editor-container">
</div>

<button id="edit-button">编辑内容</button>
<button id="save-button">保存</button>


${zhiqim_manager_content_end()}