ublog

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

programming [41]js [7]

невелика замітка про користування візуальним 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 type="text/javascript" src="/js/sceditor.min.js"></script>
<script type="text/javascript" src="/js/monocons.js"></script>
<script type="text/javascript" src="/js/bbcode.js"></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);


the end :)