dijit.Editor dynamical onClickを追加する

Question

要素をクリックした後にdijit.Editorを追加したいと思います。

dojo.ready(function() { 
    var handle = dojo.connect(dojo.byId("k"),"onclick", 
     function(){ 
      dojo.byId("k").innerHTML += 
       "<div data-dojo-type=\"dijit.Editor\" id=\"editor\" style=\"width:400px;min-height:100px;background-color:white;border-style:solid;border-width:1px\" > </div>"; 
       dojo.disconnect(handle); 
     } 
    ); 
}); 

一般に、このコードは機能しますが、dijit.Editorは不正な形式です。書き込みできないため、デフォルトのプラグインはありません。これをどうすれば解決できますか？

Answer 1

これはインライン編集用ですか？その場合は、this pageの例に従ってください。

他にも、javacriptでhtmlを作成するのではなく、thisのようにする必要があります。

Answer 2

私はinlineEditBoxがあなたのニーズに一層合っていると信じています。 より一般的には、dojo.readyの後にonClickに宣言コードを追加します。 基本的には、htmlが "おそらく"解析され、次にdojo.readyを取得し、onClickが発生したときにhtmlコードに宣言マークアップを追加しますが、パーサーを呼び出さないことを意味します。

私はこの種のケースに対してプログラム的なアプローチを使用し、テンプレート化されたウィジェット、またはパーサーを呼び出す "解析"するhtml文字列を宣言しておくことをお勧めします。

希望これも少し役立ちます;）

Answer 3

<script>function(ready, Editor, AlwaysShowToolbar, dom, query){ 
this.createEditor = function(){ 
    new Editor({ 
     height: '40px',},dom.byId('programmatic2'));autosave:false, 
    query('#create2').orphan(); 

} 
}); 

</script>