bimlas / tw5-highlight-searched-text

TiddlyWiki plugin: Highlight the keywords of search input, "find in page" for Android and TiddlyDesktop

Highlight searched text plugin for TiddlyWiki 5

For details, see the demo page.

• https://github.com/bimlas/tw5-highlight-searched-text/ (please star if you like the plugin)

How to install?

Drag-n-drop

• Open the demo page

• Drag-n-drop the plugin tiddler in to your wiki

Download as JSON

• Download the JSON archive of the plugin (Right click → Save as)

• Drag-n-drop the file in to your wiki

Copy to directory based (Node.js) wiki

• Clone or download this repository

• Copy the plugins directory to the root directory of your wiki

tw5-highlight-searched-text's Issues

report error in node.js

hello，bimlas :

this script is outupdated , report error in node.js ,can you fix it ?

---

internal JavaScript Error

Well， this is embarrassing。 It is recommended that you restart TiddlyWiki by refreshing your browser

Uncaught TypeError： Cannot read properties of null （reading 'removeChild'）

Any new plugin update for the new tiddly wiki?

Hi,

Any new plugin update for the new tiddly wiki?

Thanks

Research Tiddly Wiki

Hi,

I come across a beautiful research tiddly wiki - https://postkevone.github.io/tiddlyresearch/
I dragged and dropped your highlight tiddly wiki plugin which is very easy for me to navigate but it doesn't work in the above

Could you please give a try and let me know if i am missing anything or anything to be changed?

Thanks

Previous, Next arrows to navigate the highlighted text

Previous, Next arrows to navigate the highlighted text for quick navigation on clicking the search results. ex: https://illustoon.com/photo/204.png

The search results are published..When user clicks any one result, the keyword is highlighted in the content..

What is missing is to navigate the content via keyboard short cuts ++ navigation button like previous, next

[enhancement] Highlight text contained in different classes

By default the plugin highlights only the text contained in the class tc-story-river
What do I need to change in $:/plugins/bimlas/highlight-searched-text/update-highlighting.js so that the text contained in tc-sidebar-scrollable gets highlighted aswell?

if(!markInstance) markInstance = new Mark(document.getElementsByClassName("tc-story-river")[0]);

[bug] search button for small screen shows on print

Maybe you know a better way of doing it in your plugin, but this works.

To hide the search button on prints, I have added the class no-print to $:/plugins/bimlas/highlight-searched-text/buttons/show-toolbar

and added this to your sylesheet $:/plugins/bimlas/highlight-searched-text/stylesheet

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

$__plugins_bimlas_highlight-searched-text_stylesheet.txt
$__plugins_bimlas_highlight-searched-text_buttons_show-toolbar.txt