bootstrap3-wysihtml5/index.html at master · Rise-Vision/bootstrap3-wysihtml5 · GitHub

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
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta charset="utf-8">

  <title>bootstrap-wysihtml5</title>

  <link rel="stylesheet" href="/components/common-style/dist/css/rise.min.css" />
  <link rel="stylesheet" href="/components/widget-settings-ui-components/dist/css/widget-settings-ui-components.min.css" />
  <link rel="stylesheet" href="/components/rv-bootstrap-formhelpers/dist/css/rv-bootstrap-formhelpers.min.css" />
  <link rel="stylesheet" href="/components/bootstrap-form-components/dist/css/all.min.css" />
  <link rel="stylesheet" href="/components/bootstrap-select/bootstrap-select.min.css" />
  <link rel="stylesheet" href="/components/spectrum/spectrum.css" />
  <link rel="stylesheet" href="/src/css/bootstrap3-wysihtml5-line-height.css" />
  <link rel="stylesheet" href="/src/css/bootstrap3-wysihtml5.css" />

  <script src="/components/jQuery/dist/jquery.min.js"></script>
  <script src="/components/bootstrap-sass-official/assets/javascripts/bootstrap.js"></script>
  <script src="/components/wysihtml5/dist/wysihtml5-0.4.0pre.min.js"></script>
  <script src="/components/widget-settings-ui-components/dist/js/widget-settings-ui-components.min.js"></script>
  <script src="/components/rv-bootstrap-formhelpers/dist/js/rv-bootstrap-formhelpers.min.js"></script>
  <script src="/components/bootstrap-select/bootstrap-select.min.js"></script>
  <script src="/components/bootstrap-form-components/dist/js/bootstrap-font-picker.js"></script>
  <script src="/components/bootstrap-form-components/dist/js/bootstrap-font-size-picker.js"></script>
  <script src="/components/spectrum/spectrum.js"></script>
  <script src="/src/js/bootstrap3-wysihtml5.js"></script>

  <style type="text/css" media="screen">
    .btn.jumbo {
      font-size: 20px;
      font-weight: normal;
      padding: 14px 24px;
      margin-right: 10px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="hero-unit" style="margin-top:40px">
      <h1 style="font-size:58px">bootstrap3-wysihtml5 <small>Simple, beautiful wysiwyg editors</small></h1>
      <hr/>
      <textarea class="textarea form-control" placeholder="Enter text ..." style="width: 810px; height: 200px"></textarea>
    </div>
    <div class="row">
      <div class="span6">
        <h2>About</h2>
        <p>
          bootstrap3-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of <a href="https://github.com/xing/wysihtml5">wysihtml5</a> and <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a>
        </p>
        <p>
          It based on the Project <a href="http://jhollingworth.github.io/bootstrap-wysihtml5/">http://jhollingworth.github.io/bootstrap-wysihtml5/</a>
        </p>
        <p style="text-align:center; margin-top:20px">
          <a class="btn btn-large btn-primary jumbo" href="https://github.com/schnawel007/bootstrap3-wysihtml5">View project on Github</a>
        </p>
      </div>
      <div class="span6">
        <h2>Usage</h2>
        <p>
          <pre class="prettyprint linenums">$('.textarea').wysihtml5();</pre>
        </p>
      </div>
    </div>
  </div>

  <script>
    $(".textarea").wysihtml5({
      /* Stylesheets for font picker and alignment. */
      "stylesheets": [
        "/components/bootstrap-form-components/dist/css/all.min.css",
        "/components/widget-settings-ui-components/dist/css/widget-settings-ui-components.min.css",
        "src/css/bootstrap3-wysihtml5-line-height.css"
      ],
    });
  </script>

</body>
</html>