小编vin*_*mar的帖子

在 Draft JS 中显示图像文件上传的问题

我使用draft-js 在Web 应用程序中显示编辑器。但是我在草稿编辑器中显示文件上传选项时遇到问题。

这是一个屏幕截图: 1

这是编辑器在他们的演示中的显示方式 2

您可以在此处查看演示https://jpuri.github.io/react-draft-wysiwyg/#/

请检查下面的代码并提出解决方案:

import React, { Component } from 'react';
import logo from './logo.svg';

import { EditorState } from 'draft-js';
import { Editor } from 'react-draft-wysiwyg';
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';


class App extends Component {

  constructor(props) {
    super(props);
    this.state = {
      editorState: EditorState.createEmpty(),
    };
  }

  onEditorStateChange: Function = (editorState) => {
    this.setState({
      editorState,
    });
  };

  render() {
    const { editorState } = this.state;
    return (
      <div className="App">
        <header className="App-header">

         <Editor
  editorState={editorState}
  toolbarClassName="toolbarClassName"
  wrapperClassName="wrapperClassName"
  editorClassName="editorClassName"
  onEditorStateChange={this.onEditorStateChange}
toolbar={{
    inline: …
Run Code Online (Sandbox Code Playgroud)

blogs rich-text-editor reactjs draftjs

2
推荐指数
1
解决办法
2606
查看次数

标签 统计

blogs ×1

draftjs ×1

reactjs ×1

rich-text-editor ×1