Question

onFocus(evt) {
   console.log(evt);
    console.log("htmltag <p> ", evt.editor._.data);
    this.activeEditor = evt.editor;

}

onChange(evt){

  var newContent = evt.editor.getData();
  this.setState({content: newContent});
  console.log("CKEditor content",newContent);

}

我正在为CKEditor进行onChange事件。在编辑器的焦点上，我在编辑器中输入一些数据。从onFocus（）我可以获得＆＃34; evt.editor ._。data＆＃34;的控制台。喜欢这是段落标记中的xyz

现在我需要使用以下请求调用API：

_createTemplateDetails(e){
    e.preventDefault();

    let data = {
      name : this.state.name,
      title : this.state.title,
      orgName : this.state.orgName,
      formName: this.state.formName,
      html:  '<html><head></head><body></body></html>'
     };

    TemplateAction._createTemplateDetails(data);

 }

在body标签之间，我需要从onFocus（evt）传递安慰的段落标签，我可以从＆＃34; evt.editor ._。data＆＃34;

来控制

Answer 1

看起来您正在存储组件状态内的编辑器区域中输入的内容，位于属性内容下：this.state.content

因此，当您提出请求时，只需将其包含在数据对象内的html属性中：

const data = {
  // ...
  html: `<html><head></head><body>${this.state.content}</body></html>`,
};

上面的构造使用字符串插值。如果你没有ES6到ES5 转化，只需使用串联：

'<html><head></head><body>' + this.state.content + '</body></html>'

如何在reactJS的请求中传递来自CKEditor的<p>标签？

1 个答案: