<textarea>
  <h1>Non editable plugin</h1>
  <p>Not editable plugins showcase.</p>
  <h2>Simple on editable example</h2>
  <p class="mceNonEditable">Not editable<span class="mceEditable">EDITABLE</span>Not Editable</p>
  <h2>Something a bit more complex (Bootstrap accordion markup)</h2>
  <div id="8772-accordion" class="panel-group mceNonEditable">
    <div class="panel panel-default">
      <div id="8772-21130-heading" class="panel-heading">
        <h4 class="panel-title"><a class="mceEditable" href="#8772-21130-body" data-toggle="collapse" data-parent="#8772-accordion">Header 1</a></h4>
      </div>
      <div id="8772-21130-body" class="panel-collapse collapse in">
        <div class="panel-body mceEditable">
          <p>Body 1</p>
        </div>
      </div>
    </div>
    <div class="panel panel-default">
      <div id="8772-21131-heading" class="panel-heading">
        <h4 class="panel-title"><a class="mceEditable" href="#8772-21131-body" data-toggle="collapse" data-parent="#8772-accordion">Header 1</a></h4>
      </div>
      <div id="8772-21131-body" class="panel-collapse collapse ">
        <div class="panel-body mceEditable">
          <p>Body 2</p>
        </div>
      </div>
    </div>
  </div>
  <p>&nbsp;</p>
</textarea>
tinymce.init({
  selector: 'textarea',
  height: 500,
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table contextmenu paste code noneditable'
  ],
  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  content_style: '.collapse {display: block !important;}',
  content_css: [
    '//fast.fonts.net/cssapi/e6dc9b99-64fe-4292-ad98-6974f93cd2a2.css',
    '//www.tinymce.com/css/codepen.min.css',
    '//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'
  ]
});
Run Pen

External CSS

  1. https://www.tinymce.com/css/codepen.min.css
  2. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

External JavaScript

  1. https://cdn.tinymce.com/4.3/tinymce.min.js