にjsのsummernoteエディタ値に反応summernoteエディタのコードです:状態に値を送信する方法、はここで状態
<textarea id="textfield" name="content" placeholder="Content" className="form-control editor1" onChange={this.handlechange} ></textarea>
summernoteエディタを使用していますか?
ありがとうございました!
にjsのsummernoteエディタ値に反応summernoteエディタのコードです:状態に値を送信する方法、はここで状態
<textarea id="textfield" name="content" placeholder="Content" className="form-control editor1" onChange={this.handlechange} ></textarea>
summernoteエディタを使用していますか?
ありがとうございました!
はレフリープロパティを追加します。
<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として
こんにちは、私はsummernoteエディタを使用して、それはテキストエリアを非表示にし、私は状態に値を送信することはできませんフィールドをレンダリングします。私が言っているものを得ることを願っています。 –
私は(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/
こんにちは、私はsummernoteエディタを使用して、それは私が状態に値を送信することはできませんので、テキストエリアを非表示にし、フィールドをレンダリングします。あなたが私が言っていることを願って –
私の最後の答えには申し訳ありません。分かりました。それから私は再回答しようとします。それはあなたが探しているものですか? –
を学ぶことができますスタックオーバーフローへようこそ!この質問は良いスタートです。これまでに試したことのある説明(コードや疑似コードが含まれている場合に最適)も含めてください。あなたの質問にもう少し努力すれば、より多くの価値の高い答えを得る可能性が高くなります。また、似たような質問をした他の誰かを助け、あなたが受け取った良い答えを見つけることができます。 – MER