无法在TinyMCE文本区域显示我的HTML内容

import { Component, AfterViewInit, OnDestroy, Input, Output, EventEmitter } from 'angular2/core';
import { RdComponent, RdLib } from '../../../../../node_modules/mulberry/core';

declare let tinymce: any;

@Component({
  selector: 'mail-template',
  template: `
            <textarea style="height:15em"><p>{{ content }}</p></textarea>            
            `
})
export class MailTemplatesComponent extends RdComponent {

  @Input("rd-model") model: string;

  @Output() onEditorKeyup = new EventEmitter<any>();
  public editor: any;

  ngAfterViewInit() {
    console.log(this.model);
    tinymce.init({
      selector: 'textarea',
      setup: editor => {
        this.editor = editor;
        editor.on('keyup', () => {
          const content = editor.getContent();
          this.onEditorKeyup.emit(content);
        })
      }
    });
  }

  ngOnDestroy() {
    tinymce.remove(this.editor);
  }

}

<div class="col-md-12">
   <rd-field [rd-text]="translate('Mail İçeriği')"></rd-field>
   <mail-template [(rd-model)]="data.MailContent" rd-height="25em"></mail-template>
</div>