Xml Editor ,ZTmStudio,Xml Editor ,

<?xml version="1.0" encoding="utf-8"?>
<ztmstudio>
   <ztml>
   <newfile><![CDATA[<ztmstudio><ztml><lang><fr><title>dddd</title></fr></lang></ztml><html></html></ztmstudio>']]></newfile>
     <lang>
       <fr>
         <title><![CDATA[Xml Editor]]>
</title>
         <srchlp><![CDATA[<div class=ZTmSdk1>ZTm Reader</div>
<div class=ZTmSdk2> Lire ,Ecrire et Enregistrer un fichier Xml local</div>
<div> Menu horizontal</div>
<div><img src="Icon/window-javas.png" class="ztmteteimg"> Execute Html </div>
<div><img src="Icon/xml.png" class="ztmteteimg"> Edition du fichier xml  </div>
-----------------------------------------
<div> Menu vertical</div>
<div><img src="Icon/textex.png" class="ztmteteimg"> Edite l´élément </div>
<div><img src="Icon/addele.png" class="ztmteteimg"> Ajoute un élément enfant</div>
<div><img src="Icon/addatr.png" class="ztmteteimg"> Ajoute un attribut</div>
<div><img src="Icon/addtxt.png" class="ztmteteimg"> Ajouter un élément TEXT</div>
<div><img src="Icon/addcda.png" class="ztmteteimg"> Ajouter un élément CDATA</div>
<div><img src="Icon/delxml.png" class="ztmteteimg"> Supprime l´élément et ses enfants</div>
<div><img src="Icon/addcom.png" class="ztmteteimg"> Ajoute un commentaire</div>
<div><img src="Icon/copy.png" class="ztmteteimg"> Copie l´élément dans le presse-papiers</div>
<div><img src="Icon/paste.png" class="ztmteteimg"> Coller l´élément </div>
<div><img src="Icon/child.png" class="ztmteteimg"> Insère un enfant </div>
<div><img src="Icon/deltree.png" class="ztmteteimg"> Supprime l´élement  </div>
<div><img src="Icon/delxml.png" class="ztmteteimg"> Supprime l´élement  </div>
<div><img src="Icon/down.gif" class="ztmteteimg"> Descend l´élément  </div>
<div><img src="Icon/up.gif" class="ztmteteimg"> Remonte l´élément  </div>
<div><img src="Icon/cdata.gif" class="ztmteteimg"> Augmente la taille du textarea  </div>
]]>
</srchlp>
         <mybody><![CDATA[<div> </div>
<div class=ZTmSdk10><a href="https://ztmstudio.com">ZTmStudio</a></div>
<div class=ZTmSdk20> Lire ,Ecrire et Enregistrer un fichier Xml local</div>
<div  class=ZTmSdk20> Exécuter un fichier "ZTml" (html(head-css-javascript))) local</div>
<div> </div>
<input type="text" class="txtnewtoread" value="Nouveau Fichier" />
<button id="saveButton" class="saveButton" disabled>Sauvegarder XML</button>
<div> </div>
 <input type="file" class="txtfiletoread" />
 <div class=ztmcontenu>Xml</div>
<ztmtextarea class=ztmcdata id="filecontents" rows=10 cols=50>
]]>
</mybody>
</fr>
       <en>
       <title><![CDATA[Xml Editor]]></title>
       <srchlp><![CDATA[
<div class=ZTmSdk2> Read, Write and Save an XML local file</div>
<div> Horizontal menu</div>
<div><img src="Icon/window-javas.png" class="ztmteteimg"> Run HTML</div>
<div><img src="Icon/xml.png" class="ztmteteimg" > Edit xml file </div>
-----------------------------------------
<div> Vertical menu</div>
<div><img src="Icon/textex.png" class="ztmteteimg"> Edit element </div>
<div><img src="Icon/addele.png" class="ztmteteimg"> Add child element</div>
<div><img src="Icon/addatr.png" class="ztmteteimg"> Add a attribute</div>
<div><img src="Icon/addtxt.png" class="ztmteteimg"> Add a TEXT element</div>
<div><img src="Icon/addcda.png" class=" ztmteteimg"> Add CDATA element</div>
<div><img src="Icon/delxml.png" class="ztmteteimg"> Removes the element and its children</div>
<div><img src=" Icon/addcom.png" class="ztmteteimg"> Add a comment</div>
<div><img src="Icon/copy.png" class="ztmteteimg"> Copies the item to the clipboard</ div>
<div><img src="Icon/paste.png" class="ztmteteimg"> Paste the element </div>
<div><img src="Icon/child.png" class="ztmteteimg"> Insert a child </div>
<div><img src="Icon/deltree.png" class="ztmteteimg"> Delete the element </div>
<div><img src="Icon/delxml.png" class="ztmteteimg"> Delete the element </div>
<div><img src="Icon/down.gif" class="ztmteteimg"> Moves the element down </div>
<div><img src="Icon/up.gif" class="ztmteteimg"> Moves up the element </div>
<div><img src="Icon/cdata.gif" class="ztmteteimg"> Increase textarea's size </div>		 
		 ]]>
		 
</srchlp>
<mybody><![CDATA[
<div> </div>
<div class=ZTmSdk10><a href="https://ztmstudio.com">ZTmStudio</a></div>
<div class=ZTmSdk20> Read ,Edit and Save   Xml local File</div>
<div class=ZTmSdk20> Run "ZTml"  (html(head-css-javascript))) </div>
<div> </div>
<input type="text" class="txtnewtoread" value="New Fichier" />
<button id="saveButton"  class="saveButton" disabled>Save XML</button>
<div> </div>
 <input type="file" class="txtfiletoread" />
 <div class=ztmcontenu>Xml</div>
<ztmtextarea class=ztmcdata id="filecontents" rows=10 cols=50>
]]>
</mybody>
</en>
</lang>

</ztml>
   <html>
     <head><![CDATA[<title>Xml Editor ,ZTmStudio,Xml Editor ,</title>
  <meta charset="utf-8" />
  <meta name="viewport" id="viewport" content="width=device-width,  initial-scale=1"/>
  <meta name="description" content="Ztmstudio est l'environnement de développement intégré pour le développement d'applications Javascript.,Editeur Xml, Applications javascript "/>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta name="keywords" content="javascript,studio,html,css"/>
  <META content="index.html" name="Identifier-URL"/>
  <META content="ztmos@ztmos.com" name="Reply-to"/>
  <META content="Document" name="resource-type"/>
  <META content="General" name="rating"/>
  <META lang="fr" content="ZTmStudio" name="Author"/>
  <META content="ztmstudio.com" name="Copyright"/> 
  <link rel="stylesheet" href="ZTmOs.css" type="text/css" media="screen"/>  
  <link rel="icon" href="Icon/ztmos.png" type="image/x-icon"/> 
<script type="text/javascript" src="jquery-3.7.1.min.js"></script>  
  <script type="text/javascript" src="ZTmStudio.js"></script></script>]]>
<style><![CDATA[.ZTm1{background-color:#FFFF00;}
.ztmdiv{float:left;color:blue;background-color:#EFEDED;}
.txtnewtoread{background-color:#CCCCCC; font-size:20px;color:green; }.txtfiletoread{background-color:#CCCCCC;font-size:20px;color:blue;}
.ztmcontenu {background-color:grey;font-size:20px;color:blue;}
.saveButton {background-color:blue;font-size:20px;color:yellow;}
]]>
</style><script.callback><![CDATA[callreader = function (event)	{
var div=ZTmEvent(event).target;
//alert("Filereader"+div.nodeName);
	ZTmtmp="";
	if (event.type=='click' && div.nodeName=='TD') 
	{
	if(/ztmtitle/.test(div.className)) {ZTmHlpRun();return;}
	}
	if (event.type=='click' && div.nodeName=='IMG') 
	{
		if(/window-task/.test(div.src)) {ZTmcreTasks();return;}
		if(/window-x/.test(div.src)) {
			window.location.href="javascript:history.go(-1);" 
                 }
		
		if(/ztml.png/.test(div.src) ) {        //edition du fichier xml    callreader
		  if(ZTmsav!=null){
		  try {parser = new DOMParser();
		  ZTmlDoc = parser.parseFromString(fileContents.value,"text/xml");fif=1;}catch(e){alert("error save xml:"+e.message);fif=0;return;}
                   cleanNode(ZTmlDoc );	
	           ZTmsav=getXmlAsString(ZTmlDoc );		
		  oldDiv=null;dcl=0;
		          ZTmMain.ztmview = ZTmMain.create();
				  ZTmMain.ztmview.title="Titre";
                  ZTmMain.ztmview.create(); 
                  
                  ZTmmenuOpen(ZTmlDoc ,ZTmMain.ztmview.corps,dcl);
                  ZTmclkmoins(ZTmMain.ztmview.corps.firstChild);
	          ZTmclkmin1(ZTmMain.ztmview.corps.firstChild);
                  ZTmMain.ztmview.icon='wxjs';ZTmicons.create();
                  ZTmMain.ztmview.icon='cocypaxxchdedldwez';ZTmicons.createbox3('2');
                  ZTmMain.ztmview.icon='xpexelxxattxcdup';ZTmicons.createbox3('1');
                  
                  ZTmMain.ztmview.titre.innerHTML=ZTmValueTag(ZTmlDoc ,ZTmLang,'title'); 
                  ZTmMain.ztmview.srchlp=ZTmMain.ztmview.previous.srchlp
				  ZTmMain.ztmview.box2.onclick=ZTmcalFileReaderTree;
                  ZTmMain.ztmview.box3.onclick=ZTmcalTree; 				  
				  
                  ZTmsav=ZTmsavinit(ZTmMain.ztmview.corps,ZTmtmp);                  
		  ZTmsav ="<"+"?"+'xml version="1.0" encoding="utf-8"?>'+ ZTmsav;							
		  }else{alert("Choose a file");}
		}
														// htmltorun
	if(/window-help/.test(div.src)) ZTmHlpRun();
												//Run app 
	
	if(/xml.png/.test(div.src)) {
			alert("Filereader ZTmlocal: "+ZTmlocal);
			
			params="content="+encodeURIComponent(ZTmsav);				
	
				const xhr = new XMLHttpRequest();				
				xhr.open("post", "http://127.0.0.1:8080/");
				xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				
				xhr.onreadystatechange = function () {
				   if (xhr.readyState == 4) {
					   
					  alert("statut:"+xhr.status);
					  alert(xhr.responseText);
					  ZTmWindow=window.open( "http://localhost:8080/xml","_blank");
					  
				   }};

xhr.send(params);
	}
 }
			
	if (event.type=='click' && div.nodeName=='INPUT')  
	{		
		if (/txtfiletoread/.test(div.className)){	
			if (window.File && window.FileReader && window.FileList && window.Blob) {
			var fileSelected = ZTmCln("INPUT",'txtfiletoread');
			fileSelected.addEventListener('change', function (e) {
				
				 var fileExtension = /xml.*/;
				//Get the file object
				fileTobeRead = fileSelected.files[0];
				a=fileTobeRead.name;
ZTmMain.ztmview.title =a.substring(0, a.indexOf('.'));
				//Check of the extensio match
				//alert(fileTobeRead.type.match(fileExtension));
				a="";b="";
					//Initialize the FileReader object to read the 2file
					var fileReader = new FileReader();
					fileReader.onload = function (e) {
						fileContents = document.getElementById('filecontents');
						fileContents.value = fileReader.result;
						try {parser = new DOMParser();
		          ZTmlDoc = parser.parseFromString(fileReader.result,"text/xml");fif=1;}catch(e){alert("error save xml:"+e.message);fif=0;return;}	
						dcl=0;oldDiv=null;							
						cleanNode(ZTmlDoc);
						ZTmsav=fileContents.value;
						fileReader.close;
                    saveButton.disabled = false;
						
						}
					fileReader.readAsText(fileTobeRead);
			}, false);
		}else {
		alert("Files are not supported");
			}
		}
			if (/txtnewtoread/.test(div.className)){
		headchar='<title>ZTmStudio,Library Javascript,Xml Editeur ,ZTmReader </title><meta charset="utf-8" /><meta name="viewport" id="viewport" content="width=device-width,  initial-scale=1"/>';
		
		ZTmsav ="<"+"?"+'xml version="1.0" '+ 'encoding="utf-8"?><ztmstudio><ztml>'+ '<lang><fr>'+
		'<title>'+'<'+'![CDATA['+'Nouveau'+']]'+'>'+'</title>'+
		'<srchlp>'+'<'+'![CDATA['+'Nouveau'+']]'+'>'+'</srchlp>'+'</fr><en><title>'+
		'<'+'![CDATA['+'New]]'+'>'+'</title>'+
		'<srchlp>'+'<'+'![CDATA['+'Nouveau'+']]'+'>'+'</srchlp>'+
		'</en></lang></ztml><html><head>'+'<'+'![CDATA['+
		headchar+']]'+'>'+'</head><body>'+'<'+'![CDATA[Body]]'+'></body></html></ztmstudio>';
		
/*	ZTmsav ="<"+"?"+'xml version="1.0" '+ 'encoding="utf-8"?><ztmstudio><ztml>'+ '<lang><fr><title>$Nouveau£</title></fr><en><title>$New£</title></en></lang></ztml><html><head>$'+
		headchar+'£</head><body>$Body£>/body></html></ztmstudio>';
		var reg=/(\$)/gi;ZTmsav = ZTmsav.replace(reg,'<![CDATA[');
        var reg=/(\£)/gi;ZTmsav = ZTmsav.replace(reg,']]$');
		var reg=/(\$)/gi;ZTmsav = ZTmsav.replace(reg,'>');*/
		
		fileContents = document.getElementById('filecontents');
		ZTmMain.ztmview.title ="New";
//		saveButton.value="Sauvegarder New.xml";
			fileContents.value = ZTmsav;
			try {parser = new DOMParser();
				ZTmlDoc = parser.parseFromString(ZTmsav,"text/xml");fif=1;}catch(e){alert("error save xml:"+e.message);fif=0;return;}	
				dcl=0;oldDiv=null,dcl=0;
            saveButton.disabled = false;
		}
	}
}
function ZTmBodyZTml(xreq){
var tmpbody="";
var mhtml = xreq.getElementsByTagName("html");
	if(mhtml.length==0){
	alert("no html");return;}else{
	var mbody=mhtml.item(0).getElementsByTagName("body");
		if(mbody.length!=0){
		var children = mbody.item(0).childNodes;
			for (var i=0;i<children.length;i++)
			{ 
				if(!ZTmisws(children.item(i))&& children.item(i).nodeType==4){
				tmpbody += children.item(i).nodeValue;		
				}
			}
		}else{tmpbody="empty-body";}
	}
	return tmpbody;
}
function ZTmboxuser(event){
	div =ZTmEvent(event).target;
	div =ZTmEvent(event).target;
		if (event.type=='click'&& div.nodeName=='IMG') 
		{ 		
			if(/window-x/.test(div.src)) {						
			 ZTmMainViewClear();
			}			
		}
}

function ZTmViewReader() {
	
ZTmicons = new ZTmIcons();
ZTmOsVar = new ZTmOs();
ZTmOsVar.init();
ZTmMain  = new ZTmMainPro();
ZTmMain.bogue=false;
ZTmMain.init();
ZTmMain.ZTmlDoc=ZTmlDoc;
ZTmMain.language = ZTmOsVar.language;
ZTmMain.iniTask();
}
function ZTmView(){}
]]>
</script.callback>
<script.ztm><![CDATA[function ZTmReader(){
	   ZTmlInit("ztmlreader"); 	  
	   ZTmViewReader();
//	   const fileInput = document.getElementById('fileInput');

ZTmMain.ztmview = ZTmMain.create();
ZTmMain.ztmview.ZTml =ZTmlDoc;
ZTmMain.ztmview.title=ZTmValueTag(ZTmlDoc,ZTmLang,'title');
ZTmMain.ztmview.srchlp=ZTmValueTag(ZTmlDoc,ZTmLang,'srchlp');
ZTmMain.ztmview.create(); 
        ZTmsav=null;
ZTmMain.ztmview.icon='wxzl';ZTmicons.create();
ZTmMain.ztmview.icon='zt';ZTmicons.createbox1();
var reg=/(ztmtextarea)/gi;
var bod=ZTmValueTag(ZTmlDoc,ZTmLang,'mybody').replace(reg,'textarea');
ZTmMain.ztmview.corps.innerHTML=bod;
ZTmMain.ztmview.boite.onclick=callreader; 
ZTmMain.ztmview.srchlp=ZTmValueTag(ZTmlDoc,ZTmLang,'srchlp');
const saveButton = document.getElementById('saveButton');
		       saveButton.addEventListener('click', () => {
            if (ZTmsav) {
                const blob = new Blob([ZTmsav], { type: 'text/plain' });
                const link = document.createElement('a');
                link.href = URL.createObjectURL(blob);
//				alert(fileselected);
                link.download =   ZTmMain.ztmview.title +".xml"; // Nom du fichier sauvegardé
                link.click();
                URL.revokeObjectURL(link.href); // Libérer la mémoire
            }
        });

}]]>
</script.ztm>
<script.ZTmcalFileReaderTree><![CDATA[

function ZTmHead0Run(node,tmp){
children=node.childNodes;
	for (i=1;i<children.length;i++){
		var inode=children.item(i);
//	for(node.childNodes as inode){	
		if(children.item(i).nodeType ==4){
		tmp+=''+ children.item(i).nodeValue;
		}			
		if(inode.nodeType ==1){
			var bnode=inode.nodeName;
			
		    if(/(script)/.test(bnode)) bnode='script';	
	
			if ( /script/.test(bnode)){
				
				if (inode.hasAttributes()||inode.hasChildNodes()){
//					tmp+= '<'+ bnode ;	
				//console.log('<'+ bnode + '>');	
					if (inode.hasAttributes()) {
						attri=node.attributes;
						for (j=0;j<attri.length;j++) {

name = attri[j].name;
						value = attri[j].value;
						tmp+=' ' + name +'="' + value + '"';
						}
					}
				//	tmp+= '>';

if( inode.hasChildNodes() ){ 
        			attri=inode.childNodes;
						for (j=0;j<attri.length;j++) {

if(attri[j].nodeType ==4){				
							tmp+= '' + attri[j].nodeValue;	
							}
						}
					}
				}
			}
		}
		
		if(inode.nodeType ==1){
			bnode=inode.nodeName;
	//	if ( /(script)/.test(bnode)) bnode='script';	
	
	//	if ( /(script)/.test(inode.nodeName)) tmp+= '</'+ bnode +'>';
    //console.log('</'+ bnode +'>');			
		}		
	}
	return tmp;
}	
	function ZTmcalFileReaderTree(event){
ZTmtmp="";
//alert("ztmlocal:"+ZTmlocal);
var div=ZTmEvent(event).target;
var leng =ZTmEvent(event).list.length;
 var nodear = new Array()
//alert(arguments.callee.name);
 //alert(box3td.innerHTML);
debug="";
	if (div.nodeName=="TD")  
	{	
		if(/ztmtitle/.test(div.className)) {
			ZTmHlpRun();}				
	}
	if (div.nodeName=="DIV") 
	{ //alert(div.className);	
if(!/(ztmtexte)|(divtatt)|(ztminput)/.test(div.className))return;
//	alert("caltree"+div.className+div.childNodes.length);
		if(div.childNodes.length==1 ) ZTmClkTree(div,leng);
			oCop.startli=div;
			oCop.startul=div.parentNode;
			oCop.type=oCop.startul.getAttribute("type");
			oCop.endul=oCop.startul.parentNode;
			if (oldDiv != null) oldDiv.style.backgroundColor = "";
			oldDiv = div;
			div.style.backgroundColor = "#FFB8B8";		
		
	}

if(/window-x/.test(div.src) ) {
//		alert("ZTmlocal:"+ZTmlocal);
		ZTmtmp="";	
		ZTmsav=ZTmsavinit(ZTmMain.ztmview.corps,ZTmtmp);
		ZTmsav ="<"+"?"+'xml version="1.0" encoding="utf-8"?>'+ZTmsav;
//		ZTmsav ="<"+"?"+'xml version="1.0" encoding="utf-8"?>'+ html_entity_decode(ZTmsav);
		
		try {parser = new DOMParser();
	      ZTmlDoc = parser.parseFromString( ZTmsav,"text/xml");fif=1;}catch(e){alert("error save xml:"+e.message);fif=0;return;}	
             cleanNode(ZTmlDoc);	
			 ZTmsav=getXmlAsString(ZTmlDoc);
			 fileContents.value=ZTmsav;
        ZTmMainViewClear();
								
	}				
		
		
		if(/window-javas.png/.test(div.src)) {	
		 ZTmtmp="";tmp="off";
		 ZTmsav=ZTmsavinit(ZTmMain.ztmview.corps,ZTmtmp);  //  convertit corps en string xml
					ZTmsav ="<"+"?"+'xml version="1.0" encoding="utf-8"?>'+ ZTmsav;		
					try {parser = new DOMParser();
				ZTmlDoc = parser.parseFromString( ZTmsav,"text/xml");fif=1;}catch(e){alert("error save xml:"+e.message);fif=0;return;}	
				cleanNode(ZTmlDoc);	
				ZTmsav=getXmlAsString(ZTmlDoc);
				mztml = ZTmlDoc.getElementsByTagName("ztml");
				
		 inode = ZTmlDoc.getElementsByTagName("ztmstudio"); var tmp="off";
		if(inode[0].hasAttributes("ztmview")){
//		tmp=inode[0].getAttribute("ztmview");
	    var tmp="on";
		}
//alert("ztmview:"+tmp);	
		if(tmp=="off"|| tmp==null){
//			alert(ZTmLang);
			ZTmMain.ztmview = ZTmMain.create();			
			ZTmMain.ztmview.create(); 
			ZTmMain.ztmview.icon='wx';ZTmicons.create();
			ZTmMain.ztmview.icon='zt';ZTmicons.createbox1();
			//ZTmMain.ztmview.corps.innerHTML=doc;
			ZTmAppZTml(ZTmlDoc); 
			ZTmMain.ztmview.corps.innerHTML=ZTmBodyZTml(ZTmlDoc);
			ZTmMain.ztmview.box2.onclick=ZTmboxuser; 	
			ZTmMain.ztmview.titre.innerHTML=ZTmValueMsg('title');
			ZTmMain.ztmview.srchlp=ZTmValueMsg('srchlp');		
			ZTm();

}else{
		
			ZTmAppZTml(ZTmlDoc);
			
			ZTm();

}	
	}			
	
	if (div.nodeName=="INPUT"||div.nodeName=="TEXTAREA" ) 
	{
		//div.style.background = "#CCCCCC";
		//div.wrap="off";
	div.readOnly=false;	
			var stype=div.parentNode.type;
			oCop.type=stype;
			//if(stype==4)ZTmCln("input","ZTmCss1").value="cdata";
			liclass=div;
			ulclass=div.parentNode;	
		    oCop.startli=div;
			oCop.startul=div.parentNode;
			oCop.type=oCop.startul.getAttribute("type");
			oCop.endul=oCop.startul.parentNode;
			if (oldDiv != null) oldDiv.style.backgroundColor = "";
			oldDiv = div;
			div.style.backgroundColor = "#FFB8B8";		
	}
	
}
]]>
</script.ZTmcalFileReaderTree>
</head>
     <body onload="ZTmReader();">
</body>
</html>
</ztmstudio>