Skip to content

Commit 5caa639

Browse files
stefanneculaistefanneculai
committed
Refactor events.
1 parent f4f1891 commit 5caa639

File tree

4 files changed

+5906
-122
lines changed

4 files changed

+5906
-122
lines changed

‎demo/index.html‎

Lines changed: 99 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -5,57 +5,57 @@
55

66
<head>
77
<meta charset="utf-8">
8-
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0"/>
8+
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />
99

1010
<!-- Include Froala Editor styles -->
11-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/froala_editor.min.css" />
12-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/froala_style.min.css" />
13-
14-
<!-- Include Froala Editor Plugins styles -->
15-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/char_counter.css">
16-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/code_view.css">
17-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/colors.css">
18-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/emoticons.css">
19-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/file.css">
20-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/fullscreen.css">
21-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/image_manager.css">
22-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/image.css">
23-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/line_breaker.css">
24-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/table.css">
25-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/video.css">
26-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/plugins/special_characters.css">
27-
<link rel="stylesheet" href="../bower_components/froala-wysiwyg-editor/css/third_party/font_awesome.min.css">
11+
<link rel="stylesheet" href="../node_modules/froala-editor/css/froala_editor.min.css" />
12+
<link rel="stylesheet" href="../node_modules/froala-editor/css/froala_style.min.css" />
13+
14+
<!-- Include Froala Editor Plugins styles -->
15+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/char_counter.css">
16+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/code_view.css">
17+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/colors.css">
18+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/emoticons.css">
19+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/file.css">
20+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/fullscreen.css">
21+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/image_manager.css">
22+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/image.css">
23+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/line_breaker.css">
24+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/table.css">
25+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/video.css">
26+
<link rel="stylesheet" href="../node_modules/froala-editor/css/plugins/special_characters.css">
27+
<link rel="stylesheet" href="../node_modules/froala-editor/css/third_party/font_awesome.min.css">
2828
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
2929

30-
<!-- Include Froala Editor -->
31-
<script src="../bower_components/froala-wysiwyg-editor/js/froala_editor.pkgd.min.js"></script>
32-
33-
<!-- Include Froala Editor Plugins -->
34-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/align.min.js"></script>
35-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/char_counter.min.js"></script>
36-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/code_beautifier.min.js"></script>
37-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/code_view.min.js"></script>
38-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/colors.min.js"></script>
39-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/emoticons.min.js"></script>
40-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/entities.min.js"></script>
41-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/file.min.js"></script>
42-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/font_family.min.js"></script>
43-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/font_size.min.js"></script>
44-
<script src="../bower_components/froala-wysiwyg-editor/js/third_party/font_awesome.min.js"></script>
45-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/fullscreen.min.js"></script>
46-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/image.min.js"></script>
47-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/image_manager.min.js"></script>
48-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/inline_style.min.js"></script>
49-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/line_breaker.min.js"></script>
50-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/link.min.js"></script>
51-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/lists.min.js"></script>
52-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/paragraph_format.min.js"></script>
53-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/paragraph_style.min.js"></script>
54-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/quote.min.js"></script>
55-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/save.min.js"></script>
56-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/table.min.js"></script>
57-
<script src="../bower_components/froala-wysiwyg-editor/js/plugins/video.min.js"></script>
58-
<!-- End Froala -->
30+
<!-- Include Froala Editor -->
31+
<script src="../node_modules/froala-editor/js/froala_editor.pkgd.min.js"></script>
32+
33+
<!-- Include Froala Editor Plugins -->
34+
<script src="../node_modules/froala-editor/js/plugins/align.min.js"></script>
35+
<script src="../node_modules/froala-editor/js/plugins/char_counter.min.js"></script>
36+
<script src="../node_modules/froala-editor/js/plugins/code_beautifier.min.js"></script>
37+
<script src="../node_modules/froala-editor/js/plugins/code_view.min.js"></script>
38+
<script src="../node_modules/froala-editor/js/plugins/colors.min.js"></script>
39+
<script src="../node_modules/froala-editor/js/plugins/emoticons.min.js"></script>
40+
<script src="../node_modules/froala-editor/js/plugins/entities.min.js"></script>
41+
<script src="../node_modules/froala-editor/js/plugins/file.min.js"></script>
42+
<script src="../node_modules/froala-editor/js/plugins/font_family.min.js"></script>
43+
<script src="../node_modules/froala-editor/js/plugins/font_size.min.js"></script>
44+
<script src="../node_modules/froala-editor/js/third_party/font_awesome.min.js"></script>
45+
<script src="../node_modules/froala-editor/js/plugins/fullscreen.min.js"></script>
46+
<script src="../node_modules/froala-editor/js/plugins/image.min.js"></script>
47+
<script src="../node_modules/froala-editor/js/plugins/image_manager.min.js"></script>
48+
<script src="../node_modules/froala-editor/js/plugins/inline_style.min.js"></script>
49+
<script src="../node_modules/froala-editor/js/plugins/line_breaker.min.js"></script>
50+
<script src="../node_modules/froala-editor/js/plugins/link.min.js"></script>
51+
<script src="../node_modules/froala-editor/js/plugins/lists.min.js"></script>
52+
<script src="../node_modules/froala-editor/js/plugins/paragraph_format.min.js"></script>
53+
<script src="../node_modules/froala-editor/js/plugins/paragraph_style.min.js"></script>
54+
<script src="../node_modules/froala-editor/js/plugins/quote.min.js"></script>
55+
<script src="../node_modules/froala-editor/js/plugins/save.min.js"></script>
56+
<script src="../node_modules/froala-editor/js/plugins/table.min.js"></script>
57+
<script src="../node_modules/froala-editor/js/plugins/video.min.js"></script>
58+
<!-- End Froala -->
5959

6060
<script src="../bower_components/angular/angular.min.js"></script>
6161
<script src="../src/angular-froala.js"></script>
@@ -64,59 +64,60 @@
6464
</head>
6565

6666
<!-- define angular controller -->
67-
<body ng-controller="mainController">
68-
<h1>Angular adapter for the Froala WYSIWYG editor</h1>
69-
<div class="sample">
70-
<h2>Sample 1: Inline Edit</h2>
71-
<div froala="titleOptions" ng-model="myTitle"></div>
72-
</div>
73-
74-
<div class="sample">
75-
<h2>Sample 2: Full Editor</h2>
76-
<textarea id="froala-sample-2" froala ng-model="sample2Text"></textarea>
77-
<h4>Rendered Content:</h4>
78-
<div froala-view="sample2Text"></div>
79-
</div>
8067

81-
<div class="sample">
82-
<h2>Sample 3: Manual Initialization</h2>
83-
<button class="manual" ng-click="initControls.initialize()">Initialize Editor</button>
84-
<button ng-click="initControls.destroy()" ng-show="initControls.getEditor() != null">Close Editor</button>
85-
<button ng-click="deleteAll()" ng-show="initControls.getEditor() != null">Delete All</button>
86-
<div id="froala-sample-3" froala froala-init="initialize(initControls)" ng-model="sample3Text">Check out the <a href="https://www.froala.com/wysiwyg-editor">Froala Editor</a></div>
87-
</div>
88-
89-
<div class="sample">
90-
<h2>Sample 4: Editor on 'img' tag</h2>
91-
<img froala ng-model="imgModel"/>
92-
<h4>Model Obj:</h4>
93-
<div>{{imgModel}}</div>
94-
</div>
95-
96-
<div class="sample">
97-
<h2>Sample 5: Editor on 'button' tag</h2>
98-
<button froala ng-model="buttonModel"></button>
99-
<h4>Model Obj:</h4>
100-
<div>{{buttonModel}}</div>
101-
</div>
102-
103-
<div class="sample">
104-
<h2>Sample 6: Editor on 'input' tag</h2>
105-
<input froala="inputOptions" ng-model="inputModel"/>
106-
<h4>Model Obj:</h4>
107-
<div>{{inputModel}}</div>
108-
</div>
109-
110-
<div class="sample">
111-
<h2>Sample 7: Editor on 'a' tag. Manual Initialization</h2>
112-
<button class="manual" ng-click="linkInitControls.initialize()">Initialize Editor</button>
113-
<button ng-click="linkInitControls.destroy()" ng-show="linkInitControls.getEditor() != null">Close Editor</button>
114-
<div>
115-
<a froala froala-init="initializeLink(initControls)" ng-model="linkModel">Froala Editor</a>
116-
</div>
117-
<h4>Model Obj:</h4>
118-
<div>{{linkModel}}</div>
68+
<body ng-controller="mainController">
69+
<h1>Angular adapter for the Froala WYSIWYG editor</h1>
70+
<div class="sample">
71+
<h2>Sample 1: Inline Edit</h2>
72+
<div froala="titleOptions" ng-model="myTitle"></div>
73+
</div>
74+
75+
<div class="sample">
76+
<h2>Sample 2: Full Editor</h2>
77+
<textarea id="froala-sample-2" froala ng-model="sample2Text"></textarea>
78+
<h4>Rendered Content:</h4>
79+
<div froala-view="sample2Text"></div>
80+
</div>
81+
82+
<div class="sample">
83+
<h2>Sample 3: Manual Initialization</h2>
84+
<button class="manual" ng-click="initControls.initialize()">Initialize Editor</button>
85+
<button ng-click="initControls.destroy()" ng-show="initControls.getEditor() != null">Close Editor</button>
86+
<button ng-click="deleteAll()" ng-show="initControls.getEditor() != null">Delete All</button>
87+
<div id="froala-sample-3" froala froala-init="initialize(initControls)" ng-model="sample3Text">Check out the <a href="https://www.froala.com/wysiwyg-editor">Froala Editor</a></div>
88+
</div>
89+
90+
<div class="sample">
91+
<h2>Sample 4: Editor on 'img' tag</h2>
92+
<img froala ng-model="imgModel" />
93+
<h4>Model Obj:</h4>
94+
<div>{{imgModel}}</div>
95+
</div>
96+
97+
<div class="sample">
98+
<h2>Sample 5: Editor on 'button' tag</h2>
99+
<button froala ng-model="buttonModel"></button>
100+
<h4>Model Obj:</h4>
101+
<div>{{buttonModel}}</div>
102+
</div>
103+
104+
<div class="sample">
105+
<h2>Sample 6: Editor on 'input' tag</h2>
106+
<input froala="inputOptions" ng-model="inputModel" />
107+
<h4>Model Obj:</h4>
108+
<div>{{inputModel}}</div>
109+
</div>
110+
111+
<div class="sample">
112+
<h2>Sample 7: Editor on 'a' tag. Manual Initialization</h2>
113+
<button class="manual" ng-click="linkInitControls.initialize()">Initialize Editor</button>
114+
<button ng-click="linkInitControls.destroy()" ng-show="linkInitControls.getEditor() != null">Close Editor</button>
115+
<div>
116+
<a froala froala-init="initializeLink(initControls)" ng-model="linkModel">Froala Editor</a>
119117
</div>
118+
<h4>Model Obj:</h4>
119+
<div>{{linkModel}}</div>
120+
</div>
120121

121122
</body>
122123

0 commit comments

Comments
 (0)