title: Customize tinymce 4.0.5 styleselect toolbar menu
body: <p>I'm trying to customize the default <code>styleselect</code> toolbar menu so I can add to it a custom menu element. The idea is to place font size as a <code>styleselect</code> submenu: </p>
  
  <p>I initialized a <code>TinyMCE 4.0.5</code> in the following way:  </p>
  
  <pre><code>tinymce.init(
  {
      language_url : '/webobbywebapp/js/tiny_mce/language/es.js',
      selector:'textarea',
      plugins: "image, link, print",
      toolbar: "styleselect | undo redo | removeformat | bold italic underline |  aligncenter alignjustify  | bullist numlist outdent indent | link | print | fontselect fontsizeselect",
      menubar: false,
      statusbar: true,
      resize: true
  });
  </code></pre>
  
  <p>As I'm not able to find how to customize the default styleselect menu I'm also trying to create a complete new menu where i can add font size control. But I don't want to show any toolbar, I want a single menu bar.  </p>
  
  <p>EDIT: Right now I'm trying to modify the styleselect menu using the following code, but fontselect and fontsizeselect appear disabled  </p>
  
  <pre>
  ,style_formats:
  [{
      title: "Headers_",
      items: [{title: "Header 1",format: "h1"}, {title: "Header 2",format: "h2"}, {title: "Header 3",format: "h3"}, {title: "Header 4",format: "h4"}, {title: "Header 5",format: "h5"}, {title: "Header 6",format: "h6"}]
  }, 
              {title: "_Inline",items: [{title: "Bold",icon: "bold",format: "bold"}, {title: "Italic",icon: "italic",format: "italic"}, 
              {title: "_Underline",icon: "underline",format: "underline"}, {title: "Strikethrough",icon: "strikethrough",format: "strikethrough"}, {title: "Superscript",icon: "superscript",format: "superscript"}, {title: "Subscript",icon: "subscript",format: "subscript"}, {title: "Code",icon: "code",format: "code"}]}, 
              {title: "_Blocks",items: [{title: "Paragraph",format: "p"}, {title: "Blockquote",format: "blockquote"}, {title: "Div",format: "div"}, {title: "Pre",format: "pre"}]}, 
              {title: "_Alignment",items: [{title: "Left",icon: "alignleft",format: "alignleft"}, {title: "Center",icon: "aligncenter",format: "aligncenter"}, {title: "Right",icon: "alignright",format: "alignright"}, {title: "Justify",icon: "alignjustify",format: "alignjustify"}]}, 
              {title: "Classes", items: 'fontsizeselect'},
      {title: "dddClasses", items: 'fontselect'
  }]
  </pre>