TinyMCE4 Doc Nav

TinyMCE4 Doc Nav

TinyMCE4 has no document navigation plugin at default. This plugin is a document navigation plugin called “TinyMCE4 Doc Nav”, you can use it in your tinymce editor to get the document’s overview and locate the document quickly.


  1. Real time navigation: When you edit the doc, the plugin will generate the navigation immediately.
  2. Quickly locate: When you click the navigation, it will scroll to the position precisely and smoothly.
  3. Quick Install: Just upload to the tinymce plugins’ folder and update tinymce configurations. That is it.
  4. Source Code: Nothing is hidden.


  1. This plugin need jquery, please import jquery 1.8.3(or later) library first.
  2. Upload the files to the tinymce plugins’ folder.
  3. Update your tinymce configuration to add `leaui_nav` plugin, eg:
  4. tinymce.init({
            selector: "textarea",
            plugins: [
                    "advlist autolink link lists charmap  hr anchor pagebreak",
                    "directionality textcolor paste fullpage textcolor" 
            toolbar1: "leaui_nav | styleselect formatselect fontselect fontsizeselect | bold italic underline strikethrough " 
  5. import leaui_nav’s css to your file, eg:
    <link href="tinymce/js/tinymce/plugins/leaui_nav/css/leaui_nav.css" rel="stylesheet">

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey