Hi Danielo, Very nice plugin. Thanks a lot!
But would you please tell me, can I, or how can I config the characters number of active the plugin? For example, I expect it will work when I type 2 characters in the field. Thanks again! 在2014年5月31日星期六 UTC+8 上午8:41:17<rdan...@gmail.com> 写道： > I'm glad to present a new plugin. It is in beta stage yet, so if you want > to propose something it's possible. If you just want to jump to the plugin > you can find it at : http://braintest.tiddlyspot.com/ and search for > context plugin > > This widget looks for a word inside a tiddler and shows the result with > the searched word highlighted with some of its context. > Installation > > The easiest way is to just grab the plugin. It contents the basic tiddlers > needed. Just drag and drop the following link into your own wiki: > $:/plugins/danielo/context > <http://braintest.tiddlyspot.com/#%24%3A%2Fplugins%2Fdanielo%2Fcontext> > Usage > > After installing the plugin you will have a new tab in $:/AdvancedSearch > <http://braintest.tiddlyspot.com/#%24%3A%2FAdvancedSearch> called Context > Search > <http://braintest.tiddlyspot.com/#%24%3A%2Fplugins%2Fdanielo%2Fcontext%2FContext%20Search>. > > If you want this functionality in other places you will have to edit the > desired tiddler yourself adding the *context widget*. For more details > about using the widget see the section below. > Using the widget > > The very basic usage of the widget is the following: > > <$context term="lorem"/> > > Which will render as: > > ... > the widget is the following: > > ``` > <$context term="lorem"/> > ``` > Which will render as: > <$context term="lorem... > > The widgets will search inside the current tiddler by default. Because > that you see the same content twice here. This example is not very useful. > Other more meaningful would be: > > <$list filter="[search{$:/temp/advancedsearch}sort[title]limit[250]]"> > {{!!title||$:/core/ui/ListItemTemplate}} > <$context term={{$:/temp/advancedsearch}}/> > </$list> > > That will search for tiddlers containing the text specified in > $:/temp/advancedsearch > <http://braintest.tiddlyspot.com/#%24%3A%2Ftemp%2Fadvancedsearch> and > will display a link to the matching tiddlers plus a preview of the matching > content. Something very similar is used in Context Search > <http://braintest.tiddlyspot.com/#Context%20Search>. Below you can find a > complete list of parameters and their default values. > parameterdescriptiondefault > term The term you want to search > searchTerm An alias for the previous one > tiddler The tiddler's name to look into current tiddler > length Number of context characters to show 50 > before Number of characters before the matched term to show the value of > the length parameter > after Number of characters after the matched term to show the value of > the length parameter > maxMatches maximun number of matched elements to show. Incrementing this > can cause several performance issues 10 > element Node element to create. This element will contain the results of > the search. If you want to style it its class is tw-context <pre> > matchClass The css class to assign to the matched terms in the results. > This is used to highlight the results matchedCustomizing the output > > There are not many ways to customize the output of this widget. You can > specify *what type of node you want to create* to wrap the results > (div,span...). The default is <pre>. This container is created with the > class tw-context so you can easily apply styles to it. Something similar > happens to the *highlighted* words. You can specify the name of the class > to assign to it and also you can apply styles to that class. > > A very basic example of customization could be: > > 1. Create a tiddler, for example $:/plugins/danielo/context/css > > <http://braintest.tiddlyspot.com/#%24%3A%2Fplugins%2Fdanielo%2Fcontext%2Fcss> > 2. Paste the following text or any css rule you want: > > .matched{background-color:yellow} > .tw-context { > border:1px solid blue; > word-break: break-all; word-wrap: break-word;} > > > 3. Tag it with $:/tags/stylesheet > 4. Save the tiddler > > Live example > You can find a live example at http://braintest.tiddlyspot.com/ > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ac6e58b6-b55d-4b66-868f-f687c3a51694n%40googlegroups.com.
