UNPKG

yeditor

Version:

Front-end editor for web page

yehuya.github.io/Yeditor/

yehuya/Yeditor

57 lines (53 loc) • 3.83 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
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Yeditor - DEMO</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> <link rel="stylesheet" href="css/Yeditor.min.css" /> <link rel="stylesheet" href="css/style.css" /> </head> <body> <br /><br /> <div class="container"> <div class="col-xs-12"> <h1 class="text-center"><strong>Yeditor Playground</strong></h1> </div> </div> <div class="container"> <div class="demo col-xs-12"> <div class="col-md-4 col-xs-12"> <h3>Images</h3><h4>Add, Change, Remove</h4>Lorem ipsum dolor sit amet, consectetur <img class="image pull-left" src="http://placehold.it/200?text=Click+on+me" /> adipiscing elit. Curabitur porttitor dui turpis, ac rutrum lacus cursus at. Proin urna dui, molestie a lorem nec, tincidunt semper neque. Aliquam lorem mauris, consequat ac lectus id, vulputate condimentum diam. Suspendisse eget luctus ipsum, nec pretium justo. Sed sed arcu id elit aliquet faucibus. Donec vulputate purus eu sem tempus, id semper orci aliquam. Nulla pharetra, turpis id rutrum scelerisque, eros nunc efficitur eros, </div> <div class="col-md-4 col-xs-12"> <h3 class="background">Background</h3><h4>Add, Change, Remove</h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor dui turpis, ac rutrum lacus cursus at. Proin urna dui, molestie a lorem nec, tincidunt semper neque. Aliquam lorem mauris, consequat ac lectus id, vulputate condimentum diam. Suspendisse eget luctus ipsum, nec pretium justo. Sed sed arcu id elit aliquet faucibus. Donec vulputate purus eu sem tempus, id semper orci aliquam. Nulla pharetra, turpis id rutrum scelerisque, eros nunc efficitur eros, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor dui turpis, ac rutrum lacus cursus at. Proin urna dui, molestie a lorem nec, tincidunt semper neque. Aliquam lorem mauris, consequat ac lectus id, vulputate condimentum diam. Suspendisse eget luctus ipsum, nec pretium justo. Sed sed arcu id elit aliquet faucibus. Donec vulputate purus eu sem tempus, id semper orci aliquam. Nulla pharetra, turpis id rutrum scelerisque, eros nunc efficitur eros,</div> <div class="col-md-4 col-xs-12"> <h3>Text</h3><h4>Rich text</h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porttitor dui turpis, ac rutrum lacus cursus at. Proin urna dui, molestie a lorem nec, tincidunt semper neque. Aliquam lorem mauris, consequat ac lectus id, vulputate condimentum diam. adipiscing elit. Curabitur porttitor dui turpis, ac rutrum lacus cursus at. Proin urna dui, molestie a lorem nec, tincidunt semper neque. Aliquam lorem mauris, consequat ac lectus id, vulputate condimentum diam. Suspendisse eget luctus ipsum, nec pretium justo. Sed sed arcu id elit aliquet faucibus. Donec vulputate purus eu sem tempus, id semper orci aliquam. Nulla pharetra, turpis id Suspendisse eget luctus ipsum, nec pretium justo. Sed sed arcu id elit aliquet faucibus. Donec vulputate purus eu sem tempus, id semper orci aliquam. Nulla pharetra, turpis id rutrum scelerisque, eros nunc efficitur eros, </div> </div> </div> <script src="js/Yeditor.min.js"></script> <script src="js/demo.js"></script> </body> </html>