// Event for Insert Code button to insert code with highlight
$(document).on('click', '#insertCodeButton', function () {
  let codeSnippet = $('#codeInput').val();
  let selectedLanguage = $('#languageSelector').val(); // 선택된 언어를 가져옵니다.
  if (codeSnippet) {
    codeSnippet = encodeHtmlEntities(codeSnippet);
    const editorInstance = FroalaEditor.INSTANCES[0];
    // 언어 레이블을 포함하여 코드를 삽입
    editorInstance.html.insert(`<pre><code class="language-${selectedLanguage}">${codeSnippet}</code><small class="language-label" style="float:right; font-size:smaller; color:#ccc;">${selectedLanguage.toUpperCase()}</small></pre><p>&nbsp;</p>`, true);
    setTimeout(() => {
      document.querySelectorAll('pre code').forEach((block) => {
        hljs.highlightElement(block);
      });
    }, 100);
  }
  editorInstance.popups.hide('customPlugin.popup');
});