Tinymce buttons doesn’t show up in jquery tab

I’ve a wordpress site that receives post from front end so there is tinymce editor on the front end.. But here I’m using different form for different categories so I put them in jquery tab where don’t need to re-load to switch over to different form..

Here is the code:

<div class="tab">
<button class="tablinks" onclick="openCity(event, 'post1')" id="defaultOpen">post1</button>
<button class="tablinks" onclick="openCity(event, 'post2')">post2</button>
<button class="tablinks" onclick="openCity(event, 'post3')">post3</button></div>




  <div id="post1" class="tabcontent">
  get_template_part("post1-form");
  </div>



 <div id="post2" class="tabcontent">

 get_template_part("post2-form");

 </div>



 <div id="post3" class="tabcontent">

 get_template_part("post3-form");

 </div>




//script
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
}

tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");

}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();

get_template_part(“post-form”); is nothing but a simple tinymce editor.. my_second_editor(”);

Editor loads but just buttons and all are not loading.. I suspect clearly it has got something to do with jquery but I couldn’t find the exact solution.

Do I need to enqeue tinymce script in the function file? don’t know..

Someone help.

Read more here: Tinymce buttons doesn’t show up in jquery tab

Leave a Reply

Your email address will not be published. Required fields are marked *