javascript - jhtmlarea エディタでセクションを編集不可にする方法

Question

私はjhtmlareaを使用して、ユーザーがブラウザー自体で事前に選択されたテンプレートを編集できるようにしています。そのための以下の（コンパクトな）マークアップを次に示します。

<textarea name="textBoxEditor" rows="2" cols="20" id="textBoxEditor">
  <header></header>
  <section></section>
  <section></section>
  <footer></footer>
</textarea>

私が必要とするのは、テキストエリア内にあるにもかかわらず、ユーザーが「ヘッダー」を編集できないようにすることです。それを行う方法はありますか？「読み取り専用」属性と「無効」属性を指定しようとしましたが、その上にオーバーレイ div を設定しようとしても、z-index が高くなりましたが、成功しませんでした。