wysiwyg.mustache
2.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<h4 class="header green clearfix">
Bootstrap Lightweight Editor
<span class="block pull-right">
<small class="grey middle">Choose style: </small>
<span class="btn-toolbar inline middle no-margin">
<span data-toggle="buttons" class="btn-group no-margin">
<label class="btn btn-sm btn-yellow">
1
<input type="radio" value="1" />
</label>
<label class="btn btn-sm btn-yellow active">
2
<input type="radio" value="2" />
</label>
<label class="btn btn-sm btn-yellow">
3
<input type="radio" value="3" />
</label>
<label class="btn btn-sm btn-yellow">
4
<input type="radio" value="4" />
</label>
</span>
</span>
</span>
</h4>
<div class="wysiwyg-editor" id="editor1"></div>
<div class="hr hr-double dotted"></div>
<div class="row">
<div class="col-sm-5">
<h4 class="header blue">Inside Widget</h4>
<div class="widget-box widget-color-green">
<div class="widget-header widget-header-small">
</div>
<div class="widget-body">
<div class="widget-main no-padding">
<div class="wysiwyg-editor" id="editor2"></div>
</div>
<div class="widget-toolbox padding-4 clearfix">
<div class="btn-group pull-left">
<button class="btn btn-sm btn-default btn-white btn-round"><i class="ace-icon fa fa-times bigger-125"></i> Cancel</button>
</div>
<div class="btn-group pull-right">
<button class="btn btn-sm btn-danger btn-white btn-round"><i class="ace-icon fa fa-floppy-o bigger-125"></i> Save</button>
<button class="btn btn-sm btn-success btn-white btn-round"><i class="ace-icon fa fa-globe bigger-125"></i> Publish <i class="ace-icon fa fa-arrow-right icon-on-right bigger-125"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-7">
<h4 class="header green">Markdown Editor</h4>
<div class="widget-box widget-color-blue">
<div class="widget-header widget-header-small">
</div>
<div class="widget-body">
<div class="widget-main no-padding">
<textarea name="content" data-provide="markdown" data-iconlibrary="fa" rows="10">**Markdown Editor** inside a *widget box*
- list item 1
- list item 2
- list item 3</textarea>
</div>
<div class="widget-toolbox padding-4 clearfix">
<div class="btn-group pull-left">
<button class="btn btn-sm btn-info"><i class="ace-icon fa fa-times bigger-125"></i> Cancel</button>
</div>
<div class="btn-group pull-right">
<button class="btn btn-sm btn-purple"><i class="ace-icon fa fa-floppy-o bigger-125"></i> Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var $path_assets = "{{{path.assets}}}";//this will be used in loading jQuery UI if needed!
</script>