Comments (4)
Wow, thanks for reporting this. I think I might have an idea where the bottleneck is, but I'll do some profiling and see what functions are taking the longest..
from draft-js-import-element.
Hi, is there any progress on it? I have probably the same problem. We have some HTML which goes from email conversations, about 10k chars and browser freezes on stateFromHTML().
from draft-js-import-element.
Confirmed. If trailing spaces removed, browser not freezes anymore, but performance is still bad. Parsing HTML from email conversation (about 10k chars) takes aprox. 420ms to parse. For comparison if I use covertFromHTML from draft-js itself, it is lightning fast (<50ms).
from draft-js-import-element.
I totally know why this is happening. It's related to trimTrailingSpace
(and the similar functions trimLeadingSpace and collapseWhiteSpace are just as bad). There's performance issues with manipulating the characterMetaData associated with the text.
I think this needs to be refactored so we trim all the text and then manipulate the meta data only once.
I'll try to get a fix out soon.
from draft-js-import-element.
Related Issues (16)
- Soft new lines (br tags) are not being being properly processed HOT 1
- can't handle <img> tag HOT 5
- IE11 receives undefined to `processElement` HOT 1
- Element class HOT 4
- block containing image cant be deleted
- Return inline elements before to block elements HOT 2
- Any way to inject ELEM_ATTR_MAP? HOT 7
- Convert raw HTML containing datasets into a draftJS contentBlock and back again
- Entities
- Warning: DraftEntity.create will be deprecated soon. Please use "contentState.createEntity" instead. HOT 2
- customInlineFn? HOT 1
- customBlockFn can't get span HOT 2
- What is the difference between draft-js-import-html and draft-js-import-element? HOT 1
- Add CI for pull requests HOT 2
- Soft returns are suffixed with a space HOT 5
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-import-element.