JSFiddle - React, Tailwind, and code Playground

HTML

<p><input type="text" placeholder="Название новости" id="n_title"></p>
<p><textarea placeholder="Краткое содержание" id="n_short_content" style="margin: 0px; height: 140px; width: 100%;"></textarea><br /></p>
<p>
<button onclick="bbcode_insert('bold')"><i class="fa fa-bold" aria-hidden="true"></i> | Жирный</button>
<button onclick="bbcode_insert('italic')"><i class="fa fa-italic" aria-hidden="true"></i> | <i>Курсив</i></button>
<button onclick="bbcode_insert('url')"><i class="fa fa-link" aria-hidden="true"></i> | <a>URL</a></button>
<button onclick="bbcode_insert('center')"><i class="fa fa-align-center" aria-hidden="true"></i> | Центровка</button>
<button onclick="bbcode_insert('br')"><i class="fa fa-arrows-v" aria-hidden="true"></i> | Абзац</button>
<button onclick="bbcode_insert('image')"><i class="fa fa-image" aria-hidden="true"></i> | Изображение</button>
<button onclick="bbcode_insert('video')"><i class="fa fa-video-camera" aria-hidden="true"></i> | Видео</button>
<button onclick="bbcode_insert('audio')"><i class="fa fa-headphones" aria-hidden="true"></i> | Музыка</button>
</p>
<p><textarea placeholder="Содержание новости" id="n_content" style="margin: 0px; width: 100%; height: 308px;"></textarea></p>
<p><button onclick="button_query('admin_functions', 'add_new_post', 'n_title.n_short_content.n_content')">Отправить</button></p>

JavaScript

if (window.bbcode_insert) {
	return;
}

window.bbcode_insert = function bbcode_insert(name) {
	var data = '';
  var $content = $('#n_content');
  
	console.log(name);
  
  switch (name) {
    case 'bold':
			data = '[b]Жирный текст[/b]';
      break;
   	case 'video':
			url = prompt('URL видео', 'https://');
      if (url) {
        data = '[video]' + url + '[/video]';
      }
      break;
    case 'audio':
			url = prompt('URL аудио', 'https://');
      if (url) {
        data = '[audio]' + url + '[/audio]';
      }
      break;
    case 'url':
    	url = prompt('URL сайта', 'https://');
      if (url) {
        name = prompt('Описание ссылки', '');
          if(name){
            data = '[url=' + url + '*]' + name + '[/url]';
          }
      }
    	break;
    default: 
	}

  if (data) {
    $content.val($content.val() + data);
  }
}