index.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>KityMinder Editor - Powered By FEX</title>
  6. <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
  7. <!-- bower:css -->
  8. <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
  9. <link rel="stylesheet" href="../bower_components/codemirror/lib/codemirror.css" />
  10. <link rel="stylesheet" href="../bower_components/hotbox/hotbox.css" />
  11. <link rel="stylesheet" href="../node_modules/kityminder-core/dist/kityminder.core.css" />
  12. <link rel="stylesheet" href="../bower_components/color-picker/dist/color-picker.min.css" />
  13. <!-- endbower -->
  14. <link rel="stylesheet" href="kityminder.editor.min.css">
  15. <style>
  16. html, body {
  17. margin: 0;
  18. padding: 0;
  19. height: 100%;
  20. overflow: hidden;
  21. }
  22. h1.editor-title {
  23. background: #393F4F;
  24. color: white;
  25. margin: 0;
  26. height: 40px;
  27. font-size: 14px;
  28. line-height: 40px;
  29. font-family: 'Hiragino Sans GB', 'Arial', 'Microsoft Yahei';
  30. font-weight: normal;
  31. padding: 0 20px;
  32. }
  33. div.minder-editor-container {
  34. position: absolute;
  35. top: 40px;
  36. bottom: 0;
  37. left: 0;
  38. right: 0;
  39. }
  40. </style>
  41. </head>
  42. <body ng-app="kityminderDemo" ng-controller="MainController">
  43. <h1 class="editor-title">KityMinder Editor - Powered By FEX</h1>
  44. <kityminder-editor on-init="initEditor(editor, minder)"></kityminder-editor>
  45. </body>
  46. <!-- bower:js -->
  47. <script src="../bower_components/jquery/dist/jquery.js"></script>
  48. <script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
  49. <script src="../bower_components/angular/angular.js"></script>
  50. <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
  51. <script src="../bower_components/codemirror/lib/codemirror.js"></script>
  52. <script src="../bower_components/codemirror/mode/xml/xml.js"></script>
  53. <script src="../bower_components/codemirror/mode/javascript/javascript.js"></script>
  54. <script src="../bower_components/codemirror/mode/css/css.js"></script>
  55. <script src="../bower_components/codemirror/mode/htmlmixed/htmlmixed.js"></script>
  56. <script src="../bower_components/codemirror/mode/markdown/markdown.js"></script>
  57. <script src="../bower_components/codemirror/addon/mode/overlay.js"></script>
  58. <script src="../bower_components/codemirror/mode/gfm/gfm.js"></script>
  59. <script src="../bower_components/angular-ui-codemirror/ui-codemirror.js"></script>
  60. <script src="../bower_components/marked/lib/marked.js"></script>
  61. <script src="../bower_components/kity/dist/kity.min.js"></script>
  62. <script src="../bower_components/hotbox/hotbox.js"></script>
  63. <script src="../bower_components/json-diff/json-diff.js"></script>
  64. <script src="../node_modules/kityminder-core/dist/kityminder.core.min.js"></script>
  65. <script src="../bower_components/color-picker/dist/color-picker.min.js"></script>
  66. <!-- endbower -->
  67. <script src="kityminder.editor.min.js"></script>
  68. <script>
  69. angular.module('kityminderDemo', ['kityminderEditor'])
  70. .config(function (configProvider) {
  71. configProvider.set('imageUpload', '../server/imageUpload.php');
  72. })
  73. .controller('MainController', function($scope) {
  74. $scope.initEditor = function(editor, minder) {
  75. window.editor = editor;
  76. window.minder = minder;
  77. };
  78. });
  79. </script>
  80. </html>