Basic configuration

When we want to include only necessary for us BB codes, the configuration editor looks very simple. In this case, the connection WysiBB reduced to a few simple steps.

  1. Add load all the necessary scripts and styles to the site.

    We add the following tag <head></head>, the following code:

    <script src="/js/jquery/jquery.min.js"></script> 
<script src="/js/jquery.wysibb.min.js"></script>
<link rel="stylesheet" href="/css/default/wbbtheme.css" type="text/css" />
    Do not forget to check the correctness of the path.

  2. After that, write a list of the BB code that you need to connect:

    <script>
$(document).ready(function() {
var wbbOpt = {
buttons: "bold,italic,underline,|,img,link,|,code,quote"
}
$("#editor").wysibb(wbbOpt);
});
</script>
.....
<textarea id="editor"></textaera>

    In this configuration by using the buttons we described what BB codes will be connected to our editor.

  3. As a result, we get: