Un analizador simple para convertir documentos de rebajas en documentos html

Esta es la interfaz en ejecución de este analizador. Los pasos son los siguientes

• Haga clic en seleccionar archivo para seleccionar
• Haga clic en Leer archivo para cargar el contenido del archivo a la siguientetextarea
• Haga clic en Convertir para convertir el markdownarchivo formateado a htmlformato.
• Haga clic a continuación para descargar como archivo test.html

Ideas de producción

Pasar principalmente textareael valuevalor para operar documentos de rebajas

1. Primero seleccione el archivo, cargue el archivo a textarea, el código específico es el siguiente:

			var result=document.getElementById("result");  
            var file=document.getElementById("file");  
           
            function readAsText(){
    
      
                var file = document.getElementById("file").files[0];  
                var reader = new FileReader();  
                //将文件以文本形式读入页面  
                reader.readAsText(file);  
                reader.onload=function(f){
    
      
                var result=document.getElementById("result");  
                //显示文件  
                result.innerHTML=this.result;  
                }  
            }  

2. Utilice expresiones regulares para cambiar el markdowntexto formateado a htmlformato, el código específico es el siguiente:

                var oBtn=document.getElementById('change');
                var result=document.getElementById("result");  
                var file=document.getElementById("file");  

                oBtn.onclick=function(){
    
    
                    if(result.value==''){
    
           //判断是否选择文件
                        alert('请选择文件！！');    
                    }else{
    
    
                        result.value=result.value.replace(/(!\[[\S| ]+\])(\()([\S| ]+)(\))/gi, '<img src="$3">');
                        result.value=result.value.replace(/(\[)([\S| ]+)(\]\()(\S+)\)/g, "<a href='$4'>$2</a>");
                    }
                }
            }

3. Una vez completada la conversión, puede descargarla directamente, el código es el siguiente (los comentarios están entre líneas):

// 下载文件方法
			var funDownload = function(content, filename) {
    
    
				var eleLink = document.createElement('a');
				eleLink.download = filename;
				eleLink.style.display = 'none';
				// 字符内容转变成blob地址
				var blob = new Blob([content]);
				eleLink.href = URL.createObjectURL(blob);
				// 触发点击
				document.body.appendChild(eleLink);
				eleLink.click();
				// 然后移除
				document.body.removeChild(eleLink);
			};
 
			if('download' in document.createElement('a')) {
    
    
				// 作为test.html文件下载
				eleButton.addEventListener('click', function() {
    
    
					funDownload(eleTextarea.value, 'test.html');
				});
			} else {
    
    
				eleButton.onclick = function() {
    
    
					alert('浏览器不支持');
				};
			}

completar