Користування візуальним bb-редактором SCEditor

невелика замітка про користування візуальним bb-редактором SCEditor https://github.com/221V/SCEditor-2.1.2-fork

для початку - памятаємо про підключення js та css (і ще про директорію зі смайликами не забудьте :) )

<link href="/css/sceditor-default.min.css" rel="stylesheet" type="text/css">
<link href="/css/mybbcodes.css" rel="stylesheet" type="text/css">
<script src="/js/sceditor.min.js" defer></script>
<script src="/js/monocons.js" defer></script>
<script src="/js/bbcode.js" defer></script>

і наш textarea, до якого причепимо редактор

<textarea id="edit_new_full_text"></textarea>

js-скрипти

function textareas_editnew_init(){
  window.edit_new_full_text = document.querySelector('#edit_new_full_text');
  sceditor.create(edit_new_full_text, {
  format: 'bbcode',
  icons: 'monocons',
  style: '/css/sceditor-default.min.css'
  });
}

window.addEventListener("load", function(e) {
  if(document.querySelector('#edit_new_full_text')){
    textareas_editnew_init();
  }
});

далі ми отримуємо значення з редактора
і можемо перевірити їх на пусті значення,
вивести повідомлення користувачу,
відправити на сервер якимось з можливих транспортів

var text_bb = sceditor.instance(edit_new_full_text).getWysiwygEditorValue(true);
var text_html = sceditor.instance(edit_new_full_text).getWysiwygEditorValue(false);

також ми можемо встановити значення

sceditor.instance(edit_new_full_text).setSourceEditorValue('');
sceditor.instance(edit_new_full_text).setWysiwygEditorValue('');