私は Redactor WYSIWYG エディターを使用しており、次のようにコードを初期化する前に最小限のマークアップを使用できます。
<textarea id="redactor" name="content">
…
</textarea>
ただし、初期化中、Redactor はこれtextarea
を次の内容でラップします。
<div class="redactor_box">
<div class="redactor_ redactor_editor" contenteditable="true" dir="ltr">
…
</div>
<textarea id="redactor" name="content" style="display: none;">
…
</textarea>
</div>
私は現在、Emberでこれを行っています
テンプレート:
{{ view App.RedactorView valueBinding='contentAttributes.headerContent' class='header-redactor' name='headerContent' }}
Ember.TextArea を拡張するビュー:
App.RedactorView = Ember.TextArea.extend({
didInsertElement: function() {
$("#"+this.elementId).redactor();
}
});
これはまだtextarea
(現在は非表示になっている)へのバインディングを保持していますが、redactor_editor
代わりにクラスをバインドする必要があります。これどうやってするの?