首页 > 解决方案 > CKEditor 自动添加

在我的内容中添加标签

问题描述

我一直在尝试在我的数据库中添加印地语内容,所以当我发出 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()
  });
}

然后在this.state.Description使用我的 api 发送时在我的数据库中有这样的东西

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

标签: javascriptnode.jsreactjsckeditorckeditor4.x

解决方案


您可以清理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()
  });
}

推荐阅读