index.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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,
  17. body {
  18. margin: 0;
  19. padding: 0;
  20. height: 100%;
  21. overflow: hidden;
  22. }
  23. h1.editor-title {
  24. background: #393F4F;
  25. color: white;
  26. margin: 0;
  27. height: 40px;
  28. font-size: 14px;
  29. line-height: 40px;
  30. font-family: 'Hiragino Sans GB', 'Arial', 'Microsoft Yahei';
  31. font-weight: normal;
  32. padding: 0 20px;
  33. }
  34. div.minder-editor-container {
  35. position: absolute;
  36. top: 0px;
  37. bottom: 0;
  38. left: 0;
  39. right: 0;
  40. }
  41. </style>
  42. </head>
  43. <body ng-app="kityminderDemo" ng-controller="MainController">
  44. <h1 class="editor-title" style=" display:none">KityMinder Editor - Powered By FEX</h1>
  45. <kityminder-editor on-init="initEditor(editor, minder)"></kityminder-editor>
  46. </body>
  47. <!-- bower:js -->
  48. <script src="../bower_components/jquery/dist/jquery.js"></script>
  49. <script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
  50. <script src="../bower_components/angular/angular.js"></script>
  51. <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
  52. <script src="../bower_components/codemirror/lib/codemirror.js"></script>
  53. <script src="../bower_components/codemirror/mode/xml/xml.js"></script>
  54. <script src="../bower_components/codemirror/mode/javascript/javascript.js"></script>
  55. <script src="../bower_components/codemirror/mode/css/css.js"></script>
  56. <script src="../bower_components/codemirror/mode/htmlmixed/htmlmixed.js"></script>
  57. <script src="../bower_components/codemirror/mode/markdown/markdown.js"></script>
  58. <script src="../bower_components/codemirror/addon/mode/overlay.js"></script>
  59. <script src="../bower_components/codemirror/mode/gfm/gfm.js"></script>
  60. <script src="../bower_components/angular-ui-codemirror/ui-codemirror.js"></script>
  61. <script src="../bower_components/marked/lib/marked.js"></script>
  62. <script src="../bower_components/kity/dist/kity.min.js"></script>
  63. <script src="../bower_components/hotbox/hotbox.js"></script>
  64. <script src="../bower_components/json-diff/json-diff.js"></script>
  65. <script src="../node_modules/kityminder-core/dist/kityminder.core.min.js"></script>
  66. <script src="../bower_components/color-picker/dist/color-picker.min.js"></script>
  67. <!-- endbower -->
  68. <script src="kityminder.editor.min.js"></script>
  69. <script>
  70. angular.module('kityminderDemo', ['kityminderEditor'])
  71. .config(function (configProvider) {
  72. configProvider.set('imageUpload', '../server/imageUpload.php');
  73. })
  74. .controller('MainController', function ($scope) {
  75. $scope.initEditor = function (editor, minder) {
  76. window.editor = editor;
  77. window.minder = minder;
  78. // setTimeout(function () {
  79. // window.editor.minder._rc.setTranslate([(window.editor.minder._lastClientSize.width - window.editor.minder._root._contentBox.width) / 2, 120]);
  80. // }, 500)
  81. };
  82. });
  83. document.domain = document.domain.split(".").slice(-2).join(".");
  84. </script>
  85. </html>