title: CKEditor 4 Dropdown Button to Insert Placeholder
body: <p>I found two separated plugins: <code>StrInsert</code> and <code>Placeholder</code>. The first plugin create dropdown menu that insert string and the second plugin insert placeholder.</p>
  
  <p>here's the screenshot for <code>StrInsert</code> plugin:
  <img src="https://i.stack.imgur.com/4ho8N.png" alt="strinsert"></p>
  
  <p>and for <code>Placeholder</code>plugin:
  <img src="https://i.stack.imgur.com/KpFbO.png" alt="enter image description here"></p>
  
  <p>There has been so many questions on the Internet asking for similar function <strong>(To make a dropdown that insert a placeholder)</strong>, yet there's no solution/ plugin that provides this functionality. Here's the link for the plugins: <a href="http://ckeditor.com/addon/strinsert" rel="nofollow noreferrer">StrInsert</a> and <a href="http://ckeditor.com/addon/placeholder" rel="nofollow noreferrer">Placeholder</a>  </p>
  
  <p>I have asked this question on <code>ckeditor</code> forum too. But, just in case somebody else here has done this before, I need your help.</p>
  
  <p><strong>============================EDIT =========================================</strong></p>
  
  <p>Here's what <code>StrInsert</code> does, 
  <img src="https://i.stack.imgur.com/E5XGC.png" alt="enter image description here"> when one of the dropdown menu is clicked, it will insert a <code>text</code> into the editor. However, instead of inserting a <code>text</code>, I want it to insert a <code>placeholder</code>.</p>
  
  <p><code>Placeholder</code> can be inserted using another plugin called <code>PlaceHolder</code>, how is it differ from <code>text</code>? It has yellow background color and most importantly, the user can't erase the letter <img src="https://i.stack.imgur.com/ZeCvS.png" alt="enter image description here"></p>