当前位置：首页 » 编程语言 » 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格式化在线相关的阅读推荐