Fix/tex example (#699)

this pull request fixed broken Tex example by removing outdated syntax that changed in #376. refer issue to #697
facebookarchive · Oct 4, 2016 · 1559e9f · 1559e9f · Casen · Nov 3, 2016
1 parent 8c9afc4
commit 1559e9f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/examples/tex/js/components/TeXBlock.js b/examples/tex/js/components/TeXBlock.js
@@ -16,7 +16,6 @@
 
 import katex from 'katex';
 import React from 'react';
-import {Entity} from 'draft-js';
 
 class KatexOutput extends React.Component {
   constructor(props) {
@@ -93,12 +92,12 @@ export default class TeXBlock extends React.Component {
 
     this._save = () => {
       var entityKey = this.props.block.getEntityAt(0);
-      Entity.mergeData(entityKey, {content: this.state.texValue});
+      var newContentState = this.props.contentState.mergeEntityData(entityKey, {content: this.state.texValue});
       this.setState({
         invalidTeX: false,
         editMode: false,
         texValue: null,
-      }, this._finishEdit);
+      }, this._finishEdit.bind(this, newContentState));
     };
 
     this._remove = () => {
@@ -107,14 +106,14 @@ export default class TeXBlock extends React.Component {
     this._startEdit = () => {
       this.props.blockProps.onStartEdit(this.props.block.getKey());
     };
-    this._finishEdit = () => {
-      this.props.blockProps.onFinishEdit(this.props.block.getKey());
+    this._finishEdit = (newContentState) => {
+      this.props.blockProps.onFinishEdit(this.props.block.getKey(), newContentState);
     };
   }
 
   _getValue() {
-    return Entity
-      .get(this.props.block.getEntityAt(0))
+    return this.props.contentState
+      .getEntity(this.props.block.getEntityAt(0))
       .getData()['content'];
   }
 

diff --git a/examples/tex/js/components/TeXEditorExample.js b/examples/tex/js/components/TeXEditorExample.js
@@ -43,9 +43,12 @@ export default class TeXEditorExample extends React.Component {
               var {liveTeXEdits} = this.state;
               this.setState({liveTeXEdits: liveTeXEdits.set(blockKey, true)});
             },
-            onFinishEdit: (blockKey) => {
+            onFinishEdit: (blockKey, newContentState) => {
               var {liveTeXEdits} = this.state;
-              this.setState({liveTeXEdits: liveTeXEdits.remove(blockKey)});
+              this.setState({
+                liveTeXEdits: liveTeXEdits.remove(blockKey),
+                editorState:EditorState.createWithContent(newContentState),
+              });
             },
             onRemove: (blockKey) => this._removeTeX(blockKey),
           },