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:

    $(document).ready(function() {
    var wbbOpt = {
    buttons: "bold,italic,underline,|,img,link,|,code,quote"
    <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: