Visor.js
/
index.html

<!DOCTYPE html>
<head>
    <title>在线设计工具</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta http-equiv="Cache-Control" content="no-store" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<link rel="icon" type="image/x-icon" href="<c:url value='/res/images/favicon.png' />" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="vendor/bootstrap-3.3.4/css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" href="vendor/bootstrap-3.3.4/css/bootstrap-theme.min.css" type="text/css">
	<link rel="stylesheet" href="vendor/font-awesome-4.3.0/css/font-awesome.min.css" type="text/css">
	<link rel="stylesheet" href="css/visor.css" type="text/css">
	<link rel="stylesheet" href="css/visor-designer.css" type="text/css" />
	<script type="text/javaScript" src="vendor/jquery-1.10.2.min.js"></script>
	<script type="text/javaScript" src="vendor/bootstrap-3.3.4/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="vendor/riot.compiler.min.js"></script>
	<link rel="stylesheet" href="css/vendor.css" type="text/css">
	<script type="text/javascript" src="js/mutouman.js"></script>
	<script type="text/javascript" src="vendor/vendor.js"></script>
 </head>
<body class="pace-done" oncontextmenu="return false" onselectstart="return false">
  <div class="container-fluid">
    <div class="row">
      <div class="visor-header">
        <diagrammenu></diagrammenu>
      </div>
      <div class="workspace">
        <div class="leftside"  id="navigation">
          <div class="leftside_header">图形控件</div>
          <div class="panel panel-default">
            <navigation></navigation>
          </div>
        </div>
        <div id="panel_workspace"  class="panel_workspace">
          <div class="panel panel-default">
            <div class="panel-heading" style="padding-bottom:5px;padding-top:5px;display:none">
              <div class="btn-group">
                <label style="font-size:9pt;">当前文档：</label>
                <span class="document-name" style="font-size:9pt;"></span>
                <span class="document-description" style="font-size:9pt;"></span>
              </div>
              <div class="btn-group pull-right document-modified" style="display:none;">
                <label style="font-size:9pt">更新时间：</label>
                <span id="document-modified" style="font-size:9pt;"></span>
              </div>
            </div>
            <div id="editor" class="panel-body" style="position:relative;margin-bottom:0px;padding:0px;z-index:1;overflow-x:auto;overflow-y:auto;">
              <div id="workspace" style="min-height:300px;padding:0px;background-color: #;border-top-width:0px"></div>
            </div>
          </div>
        </div>
        <div class="propertyEditor hidden-xs hidden-sm"  id="panel_propertyEditor">
          <div id="thumbnail-box" class="box">
          	<div class="box-header">缩略图
          	  <div class="close">x</div>
          	</div>
            <div class="box-content"  style="padding:0px">
              <div id="thumbnail"></div>
            </div>
          </div>
          <div class="propertyEditForm sidebar-nav" style="margin:0px;" id="propertyEditorForm">
            <div role="tabpanel">
              <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#page-tab" aria-controls="page" role="tab" data-toggle="tab">页面</a></li>
                <li role="presentation"><a href="#widget-tab" aria-controls="widget" role="tab" data-toggle="tab">控件</a></li>
                <div class="close">x</div>
              </ul>
              <div class="tab-content"  style="margin-bottom:0px;padding:0px">
                <div role="tabpanel" class="tab-pane active" id="page-tab">
                  <propertyEditorPage></propertyEditorPage>
                </div>
                <div role="tabpanel" class="tab-pane" id="widget-tab">
                  <div class="propertyEditorWidget" id="propertyEditorWidget">
                    <propertyEditorWidget></propertyEditorWidget>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

     <script type="text/javascript"	src="js/core/widgets/visor.core.js"></script>
 	 <script type="text/javascript"	src="js/core/widgets/visor.animation.js"></script>
 	 <script type="text/javascript"	src="js/core/widgets/visor.arrow.js"></script>
	 <script type="text/javascript"	src="js/core/widgets/visor.connectors.js"></script>
	 <script type="text/javascript"	src="js/core/widgets/visor.entity.js"></script>
	 <script type="text/javascript"	src="js/core/widgets/visor.extension.js"></script>
	 <script type="text/javascript"	src="js/core/widgets/visor.table.js"></script>
	 <script type="text/javascript"	src="js/core/widgets/visor.widgets.js"></script>
	 <script type="text/javascript"	src="js/core/widgets/visor.workflow.js"></script>
	 <script type="text/javascript"	src="js/core/widgets/visor.tree.js"></script>

	 <script type="text/javascript"	src="js/core/designer/visor.history.js"></script>
	 <script type="text/javascript"	src="js/core/designer/visor.thumbnail.js"></script>
	 <script type="text/javascript"	src="js/core/designer/visor.document.js"></script>
	 <script type="text/javascript"	src="js/core/designer/visor.designer.js"></script>

	 <script type="text/javascript"	src="js/core/visor.locale.js"></script>
	 <script type="text/javascript"	src="js/core/visor.player.js"></script>
	 <script type="text/javascript"	src="js/core/visor.slider.js"></script>
	 <script type="text/javascript"	src="js/core/visor.fullpage.js"></script>

	 <script type="riot/tag" src=js/core/tags/propertyEditorPage.tag></script>
	 <script type="riot/tag" src=js/core/tags/propertyEditorWidget.tag></script>
	 <script type="riot/tag" src=js/core/tags/propertyEditorExtension.tag></script>
	 <script type="riot/tag" src=js/core/tags/propertyEditorObjectData.tag></script>
	 <script type="riot/tag" src=js/core/tags/diagrammenu.tag></script>
	 <script type="riot/tag" src=js/core/tags/navigation.tag></script>
	 <script type="riot/tag" src=js/core/tags/widgets.tag></script>
	 <script type="riot/tag" src=js/core/tags/qrcode.tag></script>
	 <script type="riot/tag" src=js/core/tags/propertyEditor.tag></script>
	<script type="text/javaScript" src="js/designer.js"></script>
	<div id="context-menu">
		<ul class="dropdown-menu" role="menu">
			<li><a tabindex="-1" href="#" alt="newitem">新建属性</a></li>
			<li><a tabindex="-1" href="#" alt="copy">复制</a></li>
			<li><a tabindex="-1" href="#" alt="cut">剪切</a></li>
			<li><a tabindex="-1" href="#" alt="paste">粘贴</a></li>
			<li><a tabindex="-1" href="#" alt="delete">删除</a></li>
		</ul>
	</div>
</body>