Comments (2)
Countable does not offer an option to exclude child elements from the counter.
For a workaround, I'd suggest something like this:
First of all, all the .editable
elements need an ID or something.
var editables = document.querySelectorAll('.editor .editable')
var counts = {}
function sumCounts () {
var totalCounts = {
'paragraphs': 0,
'sentences': 0,
'words': 0,
'characters': 0,
'all': 0
}
for (var count in counts) {
for (var field in ['paragraphs', 'sentences', 'words', 'characters', 'all']) {
totalCounts[field] = count[field]
}
}
return totalCounts
}
Countable.live(editables, function (counter) {
counts[this.id] = counter
})
Then you could just call the sumCounts()
function whenever you want to know the total count, e.g. inside the live
method.
Hope this works for your use case.
from countable.
Assuming this issue is resolved or not relevant anymore, so I'm closing it. You can still reply if the issue remains.
from countable.
Related Issues (20)
- should be parsed as a space when strip tags is turned on
- Validate on HTMLCollection HOT 2
- Wrong name in countable npm package HOT 1
- Uncaught TypeError: Cannot set property 'Countable' of undefined HOT 2
- Will the tool support Chinese in the future? HOT 3
- Add support for just passing in a string? HOT 4
- Readme issue HOT 1
- Wrong counter on mobile HOT 1
- Don't count markdown headings
- 3.0.1 on npm HOT 2
- V3.0.1 - Error with Array.isArray at line 197 for jquery elements
- Doesn't minify with webpack in a create-react-app project
- WYSIWYG Summernote issue
- Giving wrong word count in WYSIWYG editor (ck editor)
- Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
- README.md refering old function name HOT 1
- Broken Site HOT 1
- Not working with any editor
- ignoreReturns: true not respected
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 countable.