Skip to content

Instantly share code, notes, and snippets.

@gaga5lala

gaga5lala/html.html

Created January 12, 2015 13:44
Show Gist options
  • Save gaga5lala/d1cebc699dae075f9888 to your computer and use it in GitHub Desktop.
Save gaga5lala/d1cebc699dae075f9888 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html.html
<a href="#myModal" role="button" class="btn" data-toggle="modal">執行範例對話視窗</a>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">對話視窗標題</h3>
</div>
<div class="modal-body">
<p>一個好的本體…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">關閉</button>
<button class="btn btn-primary">儲存變更</button>
</div>
</div>
<button data-toggle="modal" data-target="#myModal" data-keyboard="true">123</button>
<button class="btn btn-green btn-sm col-lg-12 col-md-12 col-sm-12 col-xs-12 maT10 text-center pa" data-toggle="modal" data-target="#editorModal" onclick="_wf.getCtrl('c532').embedEditor('73610', 'false');">編輯</button>
<a href="#" data-toggle="modal" data-target="#editorModal" onclick="_wf.getCtrl('c532').embedEditor('undefined');">
<i class="fa fa-plus"></i><span>新增</span>
</a>
<div id="c532" class="CustContentsRsArticle">
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-4 text-left paT15">
<i class="fa fa-file-text-o"></i>&nbsp;文章
</div>
<!-- 文章分類-下拉式選單開始 -->
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-4">
<div class="btn-group" style="visibility: hidden">
<button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span id="article" ca="chaughua" appcode="chaughua" rs="myPage" geo="false" locale="2">
myPage
</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1" cate="article">
</ul>
</div>
</div>
<!-- 文章分類-下拉式選單結束 -->
<!-- 新增按鈕列開始 -->
<div class="row plustitle">
<div class="col-lg-2 col-md-3 col-sm-4 col-xs-4 pull-right plus" id="addBtn">
<a href="#" data-toggle="modal" data-target="#editorModal" onclick="_wf.getCtrl('c532').embedEditor('undefined');">
<i class="fa fa-plus"></i><span>新增</span>
</a>
</div>
</div>
<!-- 新增按鈕列結束 -->
</div>
<!-- widget開始 -->
<div class="widget">
<div class="widget-content">
<!-- Widget content -->
<table class="table table-striped table-bordered table-hover allArticle" style="table-layout: fixed;">
<tbody><tr>
<th class="wc10">識別碼</th>
<th class="wc20">標題</th>
<th class="wc15">引文</th>
<th class="wc8">作者</th>
<th class="wc10"><center>附加檔</center></th>
<th class="wc10"><center>地理位置</center></th>
<th class="wc17">最後修改時間</th>
<th class="wc10"><center>功能</center></th>
</tr>
<tr class=" callout ">
<td> 74191 </td>
<td> null </td>
<td class="ddd"> null </td>
<td> null </td>
<td><center><span class="icon-ok"></span></center></td>
<td><center>--</center></td>
<td> 01-01-1970 8:0</td>
<td class="va" style="padding:6px;">
<center>
<a href="#">
<button class="btn btn-green btn-sm col-lg-12 col-md-12 col-sm-12 col-xs-12 maT10 text-center" data-toggle="modal" data-target="#editorModal" onclick="_wf.getCtrl('c532').embedEditor('74191', 'true');">新增</button>
</a>
</center>
</td>
</tr>
<tr class="">
<td> 72445 </td>
<td> 圖片呢？ </td>
<td class="ddd"> </td>
<td> 潘虹岳 </td>
<td><center>--</center></td>
<td><center>--</center></td>
<td> 12-30-2014 10:16</td>
<td class="va" style="padding:6px;">
<center>
<a href="#">
<button class="btn btn-green btn-sm col-lg-12 col-md-12 col-sm-12 col-xs-12 maT10 text-center pa" data-toggle="modal" data-target="#editorModal" onclick="_wf.getCtrl('c532').embedEditor('72445', 'false');">編輯</button>
<button class="btn btn-danger btn-sm col-lg-12 col-md-12 col-sm-12 col-xs-12 maT10 text-center pa" onclick="_wf.getCtrl('c532').delRs('72445', '圖片呢？')">刪除</button>
</a>
</center>
</td>
</tr>
</tbody></table>
</div>
</div>
<!-- widget結束 -->
<!-- 編輯器開始 -->
<div class="modal fade modalstyle" id="editorModal" data-backdrop="static" role="dialog" aria-labelledby="editorModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-lg">
<div class="editor modal-content"><div id="c551" class="CustContentsEditor"><style type="text/css">
</style>
<script type="text/javascript">
</script>
<div id="c552" class="RgnPageEditor">
<button type="button" class="close alpha80 buE" data-dismiss="modal" aria-hidden="true">×</button>
<!-- 主題內容開始 -->
<div class="matter">
<div class="row">
<!-- 左側內容開始 -->
<div>
<button class="fa fa-reorder" id="menuBtn" onclick="_wf.getCtrl('c552').showMenu();"></button>
</div>
<div class="col-md-3 col-xs-12 left-Con leftMenu" id="leftSide" style="padding: 0 5px">
<div class="Box-group">
<div class="Box-heading">
<a class="Box-toggle" data-toggle="collapse" data-parent="#pgEditImgClps" href="#Box1">地理位置</a>
</div>
<div id="Box1" class="Box-body collapse in">
<div class="Box-inner">
<div class="Box-List" id="geoList" ctrl="_wf.getCtrl('c552')"></div>
</div>
<div class="Box-footer">
<a href="#" data-toggle="modal" data-target="#geoModal" onclick="_wf.getCtrl('c552').showAddCnt('73610', 'undefined');"><i class="fa fa-plus"></i></a>
</div>
</div>
</div>
<div class="Box-group" data-toggle="collapse" data-parent="#pgEditImgClps" href="#Box2">
<div class="Box-heading">
<a class="Box-toggle collapsed">文章圖檔</a>
</div>
<div id="Box2" class="Box-body collapse">
<div class="Box-inner">
<div class="Box-List" id="picList"></div>
</div>
<div class="Box-footer">
<a id="addPic" href="#"><i class="fa fa-plus"></i></a>
<a id="delPic" href="#"><i class="fa fa-minus" onclick="_wf.getCtrl('c552').delCnt(3);"></i></a>
<a id="insertPic" href="#"><i class="fa fa-arrow-right" onclick="_wf.getCtrl('c552').insertCnt()"></i></a>
</div>
</div>
</div>
<div class="Box-group" data-toggle="collapse" data-parent="#pgEditImgClps" href="#Box3">
<div class="Box-heading">
<a class="Box-toggle collapsed">附加檔</a>
</div>
<div id="Box3" class="Box-body collapse">
<div class="Box-inner">
<div class="Box-List" id="attList"></div>
</div>
<div class="Box-footer">
<a id="addAtt" href="#"><i class="fa fa-plus"></i></a>
<a href="#"><i class="fa fa-minus" onclick="_wf.getCtrl('c552').delCnt(2);"></i></a>
</div>
</div>
</div>
<div style="display:none">
<form role="form" id="uploader" name="uploader" action="" enctype="multipart/form-data" method="POST">
<input type="hidden" name="nType" value="3">
<input type="hidden" name="hasCA" value="1">
<input type="hidden" name="_loc" value="2">
<input type="file" name="aaa" multiple="multiple" class="form-control"><br>
</form>
</div>
</div>
<!-- 左側內容結束 -->
<!-- 右側內容開始 -->
<div class="col-md-9 col-xs-12 rightMenu" id="rightSide">
<div class="rightCon">
<form class="form-horizontal" role="form">
<div class="row">
<!-- 左側頭像開始 -->
<div class="col-md-2 col-xs-2 col-Left leftMenu" id="iconField">
<div id="icon" title="文章頭像" alt="文章頭像">
文章頭像
</div>
<div class="form-group">
<button id="addIcon" type="button" class="btn btn-default btn-sm wc60 maT5 text-center">上傳</button>
</div>
</div>
<!-- 左側頭像結束 -->
<!-- 右側欄位開始 -->
<div class="col-md-10 col-xs-10 col-Right rightMenu" id="iconRelate" style="margin-left:-2em; float:right">
<div class="form-group" id="ng" srvpath="chaughua/chaughua/myPage" ca="undefined" appcode="undefined" rs="undefined" ng="73325" ge="undefined" disable="true" nocont="false">
<label class="col-md-2 col-xs-2 control-label rightLabel" for="title">標題</label>
<div class="col-md-10 col-xs-10">
<input type="text" class="form-control" name="title" id="title" placeholder="標題">
</div>
</div>
<div class="form-group">
<label class="col-md-2 col-xs-2 control-label rightLabel" for="summary">引文</label>
<div class="col-md-10 col-xs-10">
<input type="text" class="form-control" name="summary" id="summary" placeholder="引文">
</div>
</div>
<div class="form-group">
<label class="col-md-2 col-xs-2 control-label"></label>
<div class="col-md-5 col-xs-5">
<div class="checkbox">
<label>
<input type="checkbox" name="isPublic" val="1">將這篇文章公開
</label>
</div>
</div>
<div class="col-md-5 col-xs-5">
<select name="locID" class="form-control">
<option value="1">English</option>
<option value="2" selected="">繁體中文</option>
<!-- <option value="3" >简体中文</option> -->
</select>
</div>
<div class="col-md-7 hidden-xs"></div>
</div>
</div><!-- 右側欄位結束 -->
</div><!-- row結束 -->
<!-- 下半部開始 -->
<div class="row" style="margin-left: 5px">
<div class="form-group">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="cleditorMain" style="width: auto; height: 205.65px;"><div class="cleditorToolbar" style="height: 27px;"><div class="cleditorGroup" style="width: 97px;"><div class="cleditorButton" title="Bold"></div><div class="cleditorButton" title="Italic" style="background-position: -24px 50%;"></div><div class="cleditorButton" title="Underline" style="background-position: -48px 50%;"></div><div class="cleditorButton" title="Strikethrough" style="background-position: -72px 50%;"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup" style="width: 73px;"><div class="cleditorButton" title="Font" style="background-position: -144px 50%;"></div><div class="cleditorButton" title="Font Size" style="background-position: -168px 50%;"></div><div class="cleditorButton" title="Style" style="background-position: -192px 50%;"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup" style="width: 49px;"><div class="cleditorButton" title="Font Color" style="background-position: -216px 50%;"></div><div class="cleditorButton" title="Text Highlight Color" style="background-position: -240px 50%;"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup" style="width: 49px;"><div class="cleditorButton" title="Bullets" style="background-position: -288px 50%;"></div><div class="cleditorButton" title="Numbering" style="background-position: -312px 50%;"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup" style="width: 49px;"><div class="cleditorButton" title="Outdent" style="background-position: -336px 50%;"></div><div class="cleditorButton" title="Indent" style="background-position: -360px 50%;"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup" style="width: 97px;"><div class="cleditorButton" title="Align Text Left" style="background-position: -384px 50%;"></div><div class="cleditorButton" title="Center" style="background-color: transparent; background-position: -408px 50%;"></div><div class="cleditorButton" title="Align Text Right" style="background-position: -432px 50%;"></div><div class="cleditorButton" title="Justify" style="background-position: -456px 50%;"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup" style="width: 121px;"><div class="cleditorButton" title="Insert Horizontal Rule" style="background-position: -528px 50%;"></div><div class="cleditorButton" title="Insert Image" style="background-color: transparent; background-position: -552px 50%;"></div><div class="cleditorButton" title="Insert Hyperlink" style="background-position: -576px 50%;"></div><div class="cleditorButton cleditorDisabled" title="Remove Hyperlink" style="background-position: -600px 50%;" disabled="disabled"></div><div class="cleditorButton" title="Show Source" style="display: none; background-position: -744px 50%;"></div></div></div><textarea class="cleditor" name="body_cnt" id="body_cnt" style="display: none; width: 592px; height: 178px;"></textarea><iframe frameborder="0" src="javascript:true;" style="width: 590px; height: 178px;"></iframe></div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 maT20 fs1">
<div class="pull-left paL60" id="mdTime">上次儲存時間：2015/1/5 下午1:21:51</div>
<div class="btn-group btn-group-sm pull-right" id="fg">
<button id="richText" type="button" class="btn btn-default" style="display:none">預覽</button>
<button id="source" type="button" class="btn btn-default">原始碼</button>
<button type="button" class="btn btn-green" onclick="_wf.getCtrl('c552').save();" id="save">
儲存
</button>
</div>
</div>
</div><!-- form-group結束 -->
</div><!-- row下半部結束 -->
</form><!-- form結束 -->
</div><!-- rightCon結束 -->
</div><!-- 右側內容結束 -->
</div><!-- row結束 -->
</div><!-- matter主題內容結束 -->
<!-- 彈跳視窗開始 -->
<div class="modal fade modalstyle" id="geoModal" tabindex="-1" role="dialog" aria-labelledby="geoModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="addGeo modal-content">
</div>
</div>
</div>
<!-- 彈跳視窗結束 -->
</div>
</div></div>
</div>
</div>
<!-- 編輯器結束 -->
</div>
<div class="modal fade" id="toggle_test" data-backdrop="static" role="dialog" aria-hidden="true" tabindex="-1" aria-hidden="true" style="display: none;">
<button type="button" class="close alpha80 buE" data-dismiss="modal" aria-hidden="true" ; >×</button>
<span aria-hidden="true">You can't see me!!</span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment