CKEditor 自動添加<pre>在我的內容中標記

Question

我一直在嘗試在我的數據庫中添加印地語內容，因此當我發出 api 請求時，數據會根據需要以印地語添加，但<pre>標記被添加到其中。

像這樣使用 CkEditor

<CKEditor
     data={this.state.Description}
     style={{width:'60%'}}
     onChange={this.onEditorChange} 
     className="textFontSize"/> 



onEditorChange( e ) {
  console.log(e)
  this.setState( {
  Description: e.editor.getData()
  });
}

然后在用我的 api 發送this.state.Description時在我的數據庫中有這樣的東西

 <pre>लोरम इप्सम केवल मुद्रण और टंकण उद्योग का डमी ।</pre>

Answer 1

您可以清理onChange偵聽器中的輸入。

onEditorChange( e ) {
  var data = e.editor.getData();
  data = data.startsWith("<pre>") ? data.substr(5) : data;
  data = data.endsWith("</pre>") ? data.substr(0, data.length-6) : data;

  this.setState({
    Description: e.editor.getData()
  });
}