gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add sentence count :D

sigaloid 2021-09-27 22:23:52 -04:00
parent 6abb01b212
commit 83f5373415
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
Custom-Widget.md

@ -12,19 +12,23 @@ Create a code note of type JS frontend and **give it a `widget` label**.
```javascript ```javascript
/* /*
* This defines a custom widget which displays number of words and characters in a current text note. * This defines a custom widget which displays number of sentences, words, and characters in a current text note.
* To be activated for a given note, add label 'wordCount' to the note, you can also make it inheritable and thus activate it for the whole subtree. * To be activated for a given note, add label 'wordCount' to the note, you can also make it inheritable and thus activate it for the whole subtree.
* *
* See it in action in "Books" and its subtree. * See it in action in "Books" and its subtree.
*/ */
const TPL = `<div style="contain: none; padding: 10px; border-top: 1px solid var(--main-border-color);"> const TPL = `<div style="contain: none; padding: 10px; border-top: 1px solid var(--main-border-color);">
<strong>Word count: </strong> <i>Word count: </i>
<span class="word-count"></span> <strong><span class="word-count"></span></strong>
&nbsp; &nbsp;
<strong>Character count: </strong> <i>Character count: </i>
<span class="character-count"></span> <strong><span class="character-count"></span></strong>
&nbsp;
<i>Sentence count: </i>
<strong><span class="sentence-count"></span></strong>
</div`; </div`;
class WordCountWidget extends api.TabAwareWidget { class WordCountWidget extends api.TabAwareWidget {
@ -36,6 +40,7 @@ class WordCountWidget extends api.TabAwareWidget {
this.$widget = $(TPL); this.$widget = $(TPL);
this.$wordCount = this.$widget.find('.word-count'); this.$wordCount = this.$widget.find('.word-count');
this.$characterCount = this.$widget.find('.character-count'); this.$characterCount = this.$widget.find('.character-count');
this.$sentenceCount = this.$widget.find('.sentence-count');
return this.$widget; return this.$widget;
} }
@ -54,9 +59,9 @@ class WordCountWidget extends api.TabAwareWidget {
const text = $(content).text(); // get plain text only const text = $(content).text(); // get plain text only
const counts = this.getCounts(text); const counts = this.getCounts(text);
this.$wordCount.text(counts.words); this.$wordCount.text(counts.words);
this.$characterCount.text(counts.characters); this.$characterCount.text(counts.characters);
this.$sentenceCount.text(counts.sentences);
} }
getCounts(text) { getCounts(text) {
@ -74,8 +79,8 @@ class WordCountWidget extends api.TabAwareWidget {
} }
const characters = chunks.join('').length; const characters = chunks.join('').length;
const sentences = text.split(/\s+[^.!?]*[.!?]/g).length;
return {words, characters}; return {words, characters, sentences};
} }
async entitiesReloadedEvent({loadResults}) { async entitiesReloadedEvent({loadResults}) {