SOURCE

function Empty() {
        document.getElementById('content').value = '';
        document.getElementById('content').select();
    }
	
    function GetFocus() {
			document.getElementById('content').focus();
    }

<div class="panel panel-default">
<div class="panel-heading">
<div class="media">
<div class="media-body">
<h4 class="media-heading">SQL压缩、格式化</h4>
<div id="desc1">SQL压缩、格式化工具</div>
</div>
</div>
</div>
<div class="panel-body">
<div>
<textarea id="content" name="RawJson" class="json_input" rows="16" style="width: 100%;" spellcheck="false" placeholder="请输入SQL"></textarea>
</div>
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-primary" onclick="$('#content').format({method: 'sql'});">格式化</button>
<button type="button" class="btn btn-primary" onclick="$('#content').format({method: 'sqlmin'});">压缩</button>
<button type="button" class="btn btn-danger" onclick="Empty();">清空结果</button>
</div>
</div>
<input type="hidden" id="tabsize" value="1" />
<div class="panel-footer"></div>
</div>

.list-group-item a{padding-right:20px}
			#links a{font-size:13px}
			#desc1{font-size: 13px;}
			.newFeatureTip{
				  width: 13px;
				  height: 13px;
				    background-repeat: no-repeat;
				position: absolute;
				  top: 5px;color: red;
				  right: 10px;}
				  
				.newItem{
					  float: left;
					  color: red;
					  position: absolute;
					  margin-top: 2px;
					  margin-left: 8px;
				}
				.announce{
					color:red;
				}
				.nav > {z-index: 99999999;}
				.nav > li:hover .dropdown-menu {display: block;z-index: 99999999;}
				.navbar{    margin-bottom: 4px;    min-height: 0px;}
				.navbar-nav>li>a {padding-top: 10px;}

#nav_div ul>li>span{
	color:blue;
}
#nav_div ul>li{
	list-style: none;
	float:left;
	margin-left: 10px;
}
#nav_div ul{
	height: 20px;
}

#nav_div ul:hover{
	    background: gainsboro;
}
nav_div

#nav_div ul>li>span{
	font-family: "微软雅黑";
	color:blue;
	width:72px;
}

#nav_div ul>li>a{
	color: #666;
}

#nav_div ul>li>a:hover{
	color: red;
}
.xie{
	-webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}

li.hide1{
	 display:block;
}
*{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }