Comments (5)
I found the solution.
My init method is
getInitialState() {
return {
editorState: EditorState.createEmpty()
};
},
So when i want to update editorState
i need to call this.setState({editorState: es})
, not this.setState(es)
. Really love this framework, thank you.
from draft-js.
For folks who found this thread from Google but are not having the state issue above—how to append text to the end:
// get current editor state
const currentContent = editorState.getCurrentContent();
// create new selection state where focus is at the end
const blockMap = currentContent.getBlockMap();
const key = blockMap.last().getKey();
const length = blockMap.last().getLength();
const selection = new SelectionState({
anchorKey: key,
anchorOffset: length,
focusKey: key,
focusOffset: length,
});
//insert text at the selection created above
const textWithInsert = Modifier.insertText(currentContent, selection, 'text to be inserted', null);
const editorWithInsert = EditorState.push(editorState, textWithInsert, 'insert-characters');
//also focuses cursor at the end of the editor
const newEditorState = EditorState.moveSelectionToEnd(editorWithInsert, textWithInsert.getSelectionAfter());
setEditorState(newEditorState);
from draft-js.
It's not a bug.
from draft-js.
how to append to the end?
from draft-js.
_insertText() { const editorState = this.state.editorState; const selection = editorState.getSelection(); const contentState = editorState.getCurrentContent(); const ncs = Modifier.insertText(contentState, selection, "wefoiwjoefjwoiefjoiwjefio"); const es = EditorState.push(editorState, ncs, 'insert-fragment'); this.setState(es); }With above codes, i can't get the
wef....
to be append to the end. I have work on this problem for hours, but still can't found the solution. The above code is written according toTex
sample.
my code is the same as yours, but only can insert the text once, i don't know why
from draft-js.
Related Issues (20)
- read-only font size not working
- Ctrl+A selection doesn't work in Firefox when there are action items
- Bug in demo text editor on website HOT 4
- created by DraftEditorTextNode
- state in decorator are memorised
- Add custom classes
- Ordered and unordered lists don't work
- Is/should convertToRaw be based on some kind of open standard? HOT 1
- How to insert texts via google chrome extension to an input created by DraftJS HOT 1
- Pressing return jumps to start of line in Android API 33 HOT 1
- How to change blockType by pressing keyboard
- why draftInlineStyleType only can be default type? HOT 1
- How to get the cursor position? HOT 4
- URGENT :: How to update words arrays in handleStrategy of decorator?
- how to stop the style i add in replaceText?
- pre select inline style, then input in composition mode, the selected inlinestyle not work
- when input some IME punctuation, the editor crashs
- wrong return value of getInlineStyleForCollapsedSelection and getInlineStyleForNonCollapsedSelection
- http://localhost:8000/
- InvalidStateError: 'extend' requires a Range to be added to the Selection HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from draft-js.