wysiwygエディタについての学習12

  /**
   * キーコマンドのハンドル
   * @param command
   * @param editorState
   * @returns {*}
   */
  handleKeyCommand (command, editorState) {
    logging('handleKeyCommand')
    const newState = RichUtils.handleKeyCommand(editorState, command)
    if (command === 'my-editor-save') {
      // Perform a request to save your contents, set
      // a new `editorState`, etc.
      logging(command)
      return 'handled'
    }
    if (newState) {
      // this.onChange(newState)
      // this.onFocus(newState)
      return 'handled'
    }
    return 'not-handled'
  }

this.state = {
  editorState: EditorState.createWithContent(state, onlyHashTags),
}

// the raw state, stringified
const rawDraftContentState = JSON.stringify(convertToRaw(editorState.getCurrentContent()))
// convert the raw state back to a useable ContentState object
const contentState = convertFromRaw(JSON.parse(rawDraftContentState))

// the raw state, stringified
const rawDraftContentState = convertToRaw(editorState.getCurrentContent())
// convert the raw state back to a useable ContentState object
const contentState = convertFromRaw(rawDraftContentState)

let editorState = AtomicBlockUtils.insertAtomicBlock(this.state.editorState, entityKey, 'MEDIA')

const charData = CharacterMetadata.create({ entity: entityKey });

  /**
   * Use this function instead of the `CharacterMetadata` constructor.
   * Since most content generally uses only a very small number of
   * style/entity permutations, we can reuse these objects as often as
   * possible.
   */
  static create(config?: CharacterMetadataConfig): CharacterMetadata {
    if (!config) {
      return EMPTY;
    }

    const defaultConfig: CharacterMetadataConfig = { style: EMPTY_SET, entity: (null: ?string) };

    // Fill in unspecified properties, if necessary.
    var configMap = Map(defaultConfig).merge(config);

    var existing: ?CharacterMetadata = pool.get(configMap);
    if (existing) {
      return existing;
    }

    var newCharacter = new CharacterMetadata(configMap);
    pool = pool.set(configMap, newCharacter);
    return newCharacter;
  }

実行の順番がわかりやすい。

使い分けがわかりやすい。