2017-07-21 14 views
0

にjsのsummernoteエディタ値に反応summernoteエディタのコードです:状態に値を送信する方法、はここで状態

<textarea id="textfield" name="content" placeholder="Content" className="form-control editor1" onChange={this.handlechange} ></textarea>

summernoteエディタを使用していますか?

ありがとうございました!

+0

を学ぶことができますスタックオーバーフローへようこそ!この質問は良いスタートです。これまでに試したことのある説明(コードや疑似コードが含まれている場合に最適)も含めてください。あなたの質問にもう少し努力すれば、より多くの価値の高い答えを得る可能性が高くなります。また、似たような質問をした他の誰かを助け、あなたが受け取った良い答えを見つけることができます。 – MER

答えて

0

はレフリープロパティを追加します。

<textarea id="textfield" name="content" 
    placeholder="Content" className="form-control editor1" 
    onChange={this.handlechange} 
    refs={element => this.initializeEditor(element)} /> 

エディタを初期化します。

initializeEditor(element) { 
    this.editor = $(element).summernote({ .... }); 
} 

その後、通常のようなthis.editorに全力を尽くします。 summernote documentationとして

+0

こんにちは、私はsummernoteエディタを使用して、それはテキストエリアを非表示にし、私は状態に値を送信することはできませんフィールドをレンダリングします。私が言っているものを得ることを願っています。 –

0

私は(componentDidMount上summernoteを登録)

componentDidMount() { 
    $('#textfield').summernote() 
} 

、あなたはsummernoteのonChangeイベントにコールバックを得ることができます。次に、コールバックの状態を設定できます。ここで

componentDidMount() { 
    var that = this; // use var that to point this class 
    $('#textfield').summernote({ 
     callbacks : { 
     onChange: function(contents) { 
      that.setState({text: contents}) 
     } 
    } 
    }) 
    } 

は私の更新fidlleである、あなたはそれから https://jsfiddle.net/firhatsungkar/999apkLu/1/

+0

こんにちは、私はsummernoteエディタを使用して、それは私が状態に値を送信することはできませんので、テキストエリアを非表示にし、フィールドをレンダリングします。あなたが私が言っていることを願って –

+0

私の最後の答えには申し訳ありません。分かりました。それから私は再回答しようとします。それはあなたが探しているものですか? –

関連する問題