Getting started

An overview of WysiBB, how to download and use, basic example and license faq.

Download

WysiBB has a few easy ways to quickly get started. You can download wysibb or use WysiBB CDN.

Download jQuery and WysiBB

  1. Download jQuery 1.8+
  2. Download WysiBB

or use WysiBB CDN

WysiBB uses CloudFlare CDN and stores all files on GitHub. Just use these WysiBB CDN links.

<head>
<!-- Load jQuery  -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<!-- Load WysiBB JS and Theme -->
<script src="http://cdn.wysibb.com/js/jquery.wysibb.min.js"></script>
<link rel="stylesheet" href="http://cdn.wysibb.com/css/default/wbbtheme.css" />
</head>

What's included

Once downloaded, unzip the compressed folder to see the structure of WysiBB. You'll see something like this:

wysibb/
├── lang/
│   ├── ar.js
│   ├── cn.js
│   ├── de.js
│   ├── fr.js
│   ├── pl.js
│   ├── tr.js
│   ├── ua.js
│   └── vn.js
├── theme/
│   ├── default/
│       └── wbbtheme.css
│   └── fonts/
│       ├── wysibbiconfont-wb.eot
│       ├── wysibbiconfont-wb.ttf
│       └── wysibbiconfont-wb.woff
├── jquery.wysibb.js
└── jquery.wysibb.min.js

Basic example

Once downloaded, unzip the compressed folder to see the structure of WysiBB. You'll see something like this:

<head>
<!-- Load jQuery  -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<!-- Load WysiBB JS and Theme -->
<script src="/js/jquery.wysibb.min.js"></script>
<link rel="stylesheet" href="/css/default/wbbtheme.css" />

<!-- Init WysiBB BBCode editor -->
<script>
$(function() {
  $("#editor").wysibb();
})
</script>
</head>

<body>
  <textarea id="editor"></textarea>
</body>

License

WysiBB is licensed under the CC BY-NC «Attribution-NonCommercial» license.

If you want to use WysiBB in commercial purposes, please buy WysiBB PRO commercial license by 199$.

Contact sales: sale[at]wysibb.com