當前位置：首頁 » 編程語言 » html格式化在線

html格式化在線

發布時間: 2021-03-07 20:31:40

A. 怎麼樣將html 代碼格式化成一行顯示

為了增加代碼的可讀性，我們一般建議只是對代碼的縮進、空格這些做了調整，完整的專一行代碼並不會換行！但屬是webstorm可以自行對代碼進行換行設置。所以建議用webstorm設置，具體操作如下：

在代碼編輯窗口的左半部分右擊，可以看見有以下幾個選項，

view->active editor->use soft wraps

總結：看代碼最重要的是方面看懂，就是平時說的可讀性，改縮減的時候縮減，改換號的時候換行，改變回一行的時候要變回一行！我一般都是用webstrom，覺得很好用！功能很強大！

B. 如何格式化html文件

網路一下，html在線格式化，
然後找一個，把你的代碼粘進去
按"格式化"
完成

C. 如何格式化html代碼

可以利用抄網路提供的格式化工具完成，步驟如下：

1、首先，我們先找一段示例代碼，這段代碼是沒有任何格式和縮進的：

【<html><head>First Page</head><body><p>This is my first page!!!</p></body></html>】

2、接下來，我們打開瀏覽器，然後進入網路主頁，網路主頁的網址是http://www..com；

已經變成我們想要的格式了，有縮進而且干凈整潔。

D. 有什麼好用的格式化html代碼的插件

這位網友你好來，自有這樣的工具，你可以試試站長工具裡面的格式化工具：
http://tool.chinaz.com/Tools/JsFormat.aspx

E. html格式化是什麼意思

就是以HTML的標准來格式編輯某個HTML的文件

HTML 可定義很多供格式化輸出的元素，比如粗體和斜體字。下面有很多例子，您可以親自試試：HTML 文本格式化實例文本格式化此例演示如何在一個 HTML 文件中對文本進行格式化預格式文本此例演示如何使用 pre 標簽對空行和空格進行控制

F. eclipse html 怎麼自動格式化

Eclipse中格式化html的樣式可以自己定義的:

方法一：window ->preferences->java ->CodeStyle
方法二：點擊 eclipse菜單欄的 window選項卡，找到下拉 perferences 選項 , 在裡面快捷「搜索」框裡面輸入 html
方法三：在要格式的的jsp或html等頁面中，如果想格式化整個個頁面 ctrl + A 全選頁面之後按下 ctrl + shift + F,就可以進行整個頁面格式化了。如果不全選，默認按下ctrl + shift + F 是格式化當前正在編輯的整個頁面。

G. 求一段格式化HTML代碼的JS代碼。


varHTMLFormat=(function(){
	functionstyle_html(html_source,indent_size,indent_character,max_char){
		,multi_parser;

		functionParser(){

			this.pos=0;
			this.token='';
			this.current_mode='CONTENT';
			this.tags={
				parent:'parent1',
				parentcount:1,
				parent1:''
			};
			this.tag_type='';
			this.token_text=this.last_token=this.last_text=this.token_type='';


			this.Utils={
				whitespace:"

	".split(''),
				single_token:'br,input,link,meta,!doctype,basefont,base,area,hr,wbr,param,img,isindex,?xml,embed'.split(','),
				extra_liners:'head,body,/html'.split(','),
				in_array:function(what,arr){
					for(vari=0;i<arr.length;i++){
						if(what===arr[i]){
							returntrue;
						}
					}
					returnfalse;
				}
			}

			this.get_content=function(){
				varchar='';
				varcontent=[];
				varspace=false;
				while(this.input.charAt(this.pos)!=='<'){
					if(this.pos>=this.input.length){
						returncontent.length?content.join(''):['','TK_EOF'];
					}

					char=this.input.charAt(this.pos);
					this.pos++;
					this.line_char_count++;


					if(this.Utils.in_array(char,this.Utils.whitespace)){
						if(content.length){
							space=true;
						}
						this.line_char_count--;
						continue;
					}elseif(space){
						if(this.line_char_count>=this.max_char){
							content.push('
');
							for(vari=0;i<this.indent_level;i++){
								content.push(this.indent_string);
							}
							this.line_char_count=0;
						}else{
							content.push('');
							this.line_char_count++;
						}
						space=false;
					}
					content.push(char);
				}
				returncontent.length?content.join(''):'';
			}

			this.get_script=function(){
				varchar='';
				varcontent=[];
				varreg_match=newRegExp('</script'+'>','igm');
				reg_match.lastIndex=this.pos;
				varreg_array=reg_match.exec(this.input);
				varend_script=reg_array?reg_array.index:this.input.length;
				while(this.pos<end_script){
					if(this.pos>=this.input.length){
						returncontent.length?content.join(''):['','TK_EOF'];
					}

					char=this.input.charAt(this.pos);
					this.pos++;


					content.push(char);
				}
				returncontent.length?content.join(''):'';
			}

			this.record_tag=function(tag){
				if(this.tags[tag+'count']){
					this.tags[tag+'count']++;
					this.tags[tag+this.tags[tag+'count']]=this.indent_level;
				}else{
					this.tags[tag+'count']=1;
					this.tags[tag+this.tags[tag+'count']]=this.indent_level;
				}
				this.tags[tag+this.tags[tag+'count']+'parent']=this.tags.parent;
				this.tags.parent=tag+this.tags[tag+'count'];
			}

			this.retrieve_tag=function(tag){
				if(this.tags[tag+'count']){
					vartemp_parent=this.tags.parent;
					while(temp_parent){
						if(tag+this.tags[tag+'count']===temp_parent){
							break;
						}
						temp_parent=this.tags[temp_parent+'parent'];
					}
					if(temp_parent){
						this.indent_level=this.tags[tag+this.tags[tag+'count']];
						this.tags.parent=this.tags[temp_parent+'parent'];
					}
					deletethis.tags[tag+this.tags[tag+'count']+'parent'];
					deletethis.tags[tag+this.tags[tag+'count']];
					if(this.tags[tag+'count']==1){
						deletethis.tags[tag+'count'];
					}else{
						this.tags[tag+'count']--;
					}
				}
			}

			this.get_tag=function(){
				varchar='';
				varcontent=[];
				varspace=false;

				do{
					if(this.pos>=this.input.length){
						returncontent.length?content.join(''):['','TK_EOF'];
					}

					char=this.input.charAt(this.pos);
					this.pos++;
					this.line_char_count++;

					if(this.Utils.in_array(char,this.Utils.whitespace)){
						space=true;
						this.line_char_count--;
						continue;
					}

					if(char==="'"||char==='"'){
						if(!content[1]||content[1]!=='!'){
							char+=this.get_unformatted(char);
							space=true;
						}
					}

					if(char==='='){
						space=false;
					}

					if(content.length&&content[content.length-1]!=='='&&char!=='>'&&space){
						if(this.line_char_count>=this.max_char){
							this.print_newline(false,content);
							this.line_char_count=0;
						}else{
							content.push('');
							this.line_char_count++;
						}
						space=false;
					}
					content.push(char);
				}while(char!=='>');

				vartag_complete=content.join('');
				vartag_index;
				if(tag_complete.indexOf('')!=-1){
					tag_index=tag_complete.indexOf('');
				}else{
					tag_index=tag_complete.indexOf('>');
				}
				vartag_check=tag_complete.substring(1,tag_index).toLowerCase();
				if(tag_complete.charAt(tag_complete.length-2)==='/'||this.Utils.in_array(tag_check,this.Utils.single_token)){
					this.tag_type='SINGLE';
				}elseif(tag_check==='script'){
					this.record_tag(tag_check);
					this.tag_type='SCRIPT';
				}elseif(tag_check==='style'){
					this.record_tag(tag_check);
					this.tag_type='STYLE';
				}elseif(tag_check.charAt(0)==='!'){
					if(tag_check.indexOf('[if')!=-1){
						if(tag_complete.indexOf('!IE')!=-1){
							varcomment=this.get_unformatted('-->',tag_complete);
							content.push(comment);
						}
						this.tag_type='START';
					}elseif(tag_check.indexOf('[endif')!=-1){
						this.tag_type='END';
						this.unindent();
					}elseif(tag_check.indexOf('[cdata[')!=-1){
						varcomment=this.get_unformatted(']]>',tag_complete);
						content.push(comment);
						this.tag_type='SINGLE';
					}else{
						varcomment=this.get_unformatted('-->',tag_complete);
						content.push(comment);
						this.tag_type='SINGLE';
					}
				}else{
					if(tag_check.charAt(0)==='/'){
						this.retrieve_tag(tag_check.substring(1));
						this.tag_type='END';
					}else{
						this.record_tag(tag_check);
						this.tag_type='START';
					}
					if(this.Utils.in_array(tag_check,this.Utils.extra_liners)){
						this.print_newline(true,this.output);
					}
				}
				returncontent.join('');
			}

			this.get_unformatted=function(delimiter,orig_tag){
				if(orig_tag&&orig_tag.indexOf(delimiter)!=-1){
					return'';
				}
				varchar='';
				varcontent='';
				varspace=true;
				do{


					char=this.input.charAt(this.pos);
					this.pos++

					if(this.Utils.in_array(char,this.Utils.whitespace)){
						if(!space){
							this.line_char_count--;
							continue;
						}
						if(char==='
'||char==='
'){
							content+='
';
							for(vari=0;i<this.indent_level;i++){
								content+=this.indent_string;
							}
							space=false;
							this.line_char_count=0;
							continue;
						}
					}
					content+=char;
					this.line_char_count++;
					space=true;


				}while(content.indexOf(delimiter)==-1);
				returncontent;
			}

			this.get_token=function(){
				vartoken;

				if(this.last_token==='TK_TAG_SCRIPT'){
					vartemp_token=this.get_script();
					if(typeoftemp_token!=='string'){
						returntemp_token;
					}
					//token=js_beautify(temp_token,this.indent_size,this.indent_character,this.indent_level);
					//return[token,'TK_CONTENT'];
					return[temp_token,'TK_CONTENT'];
				}
				if(this.current_mode==='CONTENT'){
					token=this.get_content();
					if(typeoftoken!=='string'){
						returntoken;
					}else{
						return[token,'TK_CONTENT'];
					}
				}

				if(this.current_mode==='TAG'){
					token=this.get_tag();
					if(typeoftoken!=='string'){
						returntoken;
					}else{
						vartag_name_type='TK_TAG_'+this.tag_type;
						return[token,tag_name_type];
					}
				}
			}

			this.printer=function(js_source,indent_character,indent_size,max_char){
				this.input=js_source||'';
				this.output=[];
				this.indent_character=indent_character||'';
				this.indent_string='';
				this.indent_size=indent_size||2;
				this.indent_level=0;
				this.max_char=max_char||70;
				this.line_char_count=0;
				for(vari=0;i<this.indent_size;i++){
					this.indent_string+=this.indent_character;
				}

				this.print_newline=function(ignore,arr){
					this.line_char_count=0;
					if(!arr||!arr.length){
						return;
					}
					if(!ignore){
						while(this.Utils.in_array(arr[arr.length-1],this.Utils.whitespace)){
							arr.pop();
						}
					}
					arr.push('
');
					for(vari=0;i<this.indent_level;i++){
						arr.push(this.indent_string);
					}
				}


				this.print_token=function(text){
					this.output.push(text);
				}

				this.indent=function(){
					this.indent_level++;
				}

				this.unindent=function(){
					if(this.indent_level>0){
						this.indent_level--;
					}
				}
			}
			returnthis;
		}
		multi_parser=newParser();
		multi_parser.printer(html_source,indent_character,indent_size);
		while(true){
			vart=multi_parser.get_token();
			multi_parser.token_text=t[0];
			multi_parser.token_type=t[1];

			if(multi_parser.token_type==='TK_EOF'){
				break;
			}


			switch(multi_parser.token_type){
			case'TK_TAG_START':
			case'TK_TAG_SCRIPT':
			case'TK_TAG_STYLE':
				multi_parser.print_newline(false,multi_parser.output);
				multi_parser.print_token(multi_parser.token_text);
				multi_parser.indent();
				multi_parser.current_mode='CONTENT';
				break;
			case'TK_TAG_END':
				multi_parser.print_newline(true,multi_parser.output);
				multi_parser.print_token(multi_parser.token_text);
				multi_parser.current_mode='CONTENT';
				break;
			case'TK_TAG_SINGLE':
				multi_parser.print_newline(false,multi_parser.output);
				multi_parser.print_token(multi_parser.token_text);
				multi_parser.current_mode='CONTENT';
				break;
			case'TK_CONTENT':
				if(multi_parser.token_text!==''){
					multi_parser.print_newline(false,multi_parser.output);
					multi_parser.print_token(multi_parser.token_text);
				}
				multi_parser.current_mode='TAG';
				break;
			}
			multi_parser.last_token=multi_parser.token_type;
			multi_parser.last_text=multi_parser.token_text;
		}
		returnmulti_parser.output.join('');
	}

	returnfunction(data){
		vardataHolder=['__dataHolder_',[Math.random(),Math.random(),Math.random(),Math.random()].join('_').replace(/[^0-9]/g,'_'),'_'].join('_');
		vardataHolders={};
		varindex=0;
		data=data.replace(/(")(data:[^"]*)(")/g,function($0,$1,$2,$3){
			varname=dataHolder+index++;
			dataHolders[name]=$2;
			return$1+name+$3;
		})
		data=style_html(data,1,'	',0x10000000);
		data=data.replace(newRegExp(dataHolder+'[0-9]+','g'),function($0){
			returndataHolders[$0];
		});

		returndata;
	}
})();


//demo:
varformattedHtml=HTMLFormat('<div><span><br>xxx</span></div>');

H. html怎樣格式化輸出JSON數據

<html>
<head>
<meta http-equiv=content-type content="text/html;charset=GBK">
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td id="a">sdfsd</td>
</tr>
<tr>
<td id="b">sdfsdf</td>
</tr>
<tr>
<td id="c">sdfsd</td>
</tr>
<tr>
<td id="d">sdfsdf</td>
</tr>
</table>
</body>
<script>
var jsonStr = "{\"a\":\"內容1\", \"b\":\"內容2\",\"c\":\"內容3\",\"d\":\"內容4\"}";
var jsonObj = eval("(" + jsonStr + ")");
for(var property in jsonObj){
var nodeObj = document.getElementById(property);
if(nodeObj)
nodeObj.childNodes[0].nodeValue = jsonObj[property];
}
</script>
</html>

I. 有沒有一種格式化html代碼的工具,html代碼都寫在一行了

這位網友你好，有這樣的工具，你可以試試站長工具裡面專的格式化工具：
屬http://tool.chinaz.com/Tools/JsFormat.aspx

J. html怎麼源碼自動格式化

首先抄在[編輯]|[首先參數]的"代碼格式"中設置好格式:

第一行:勾選.可以選擇使用Tab鍵或空格鍵填補縮進.
第二行:Tab鍵所佔空位.這個只在DreamWeaver中有影響.不管你設為幾,在文件中,一個Tab鍵還是一個Tab鍵.
第三行:是否自動換行.不選.
第四行:換行符類型.(Windows)
第五、六、七行:標簽大小寫.
第八行:TD後無換行.不勾選.
第九行:居中方式.
設置好以後,點確定.然後轉到菜單:[命令]|[應用源格式] -----看看源代碼,已經整整齊齊了!

閱讀全文

html格式化在線

與html格式化在線相關的閱讀推薦