webstorm select next occurrence. Stop at both word boundaries: when you select this option, the caret stops at both the start and the end of each word. webstorm select next occurrence

 
 Stop at both word boundaries: when you select this option, the caret stops at both the start and the end of each wordwebstorm select next occurrence  Here are the benefits this gives you: Out-of-the-box experience

Actual. Go to declaration. PhpStormはデフォルトでショートカットが割り当てられていない機能があり. IntelliJ IDEA moves the caret to the previous line. If you miss a separate action for selecting whole word occurrence, please vote. Down with Selection. js Remote Interpreter dialog that opens, select SSH. Also, a lot of the combinations with Win would be already taken by the OS (and the only way to disable these default mappings is via registry. We can immediately type to narrow our. A quick-fix will also be shown when. Multi-cursor selection in WebStorm: Select next occurrence of the current word or selection: Ctrl+G on macOS and Alt+J on Windows and Linux. Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. Support for our collaborative development tool. WebStorm provides support for the Vue. WebStorm finds and replaces fragments of source code,. For each statement, the data editor with results appears in a separate tab in the Services tool window. js on WSL. . Vice versa, when you highlight a string in the editor and press Control+F , WebStorm places the highlighted string into the search field. js. json file at the root of the project, and that package. For advanced customization you can open and edit keybindings. You can't use Win as the modifier by default. 2, check out our previous EAP blog posts. You can use Alt + Click to set multiple cursors in PhpStorm but if you want to quickly make an array of some list like this, it's simply too many lines to click: (example from Sublime Text 3). If you want to Add Selection To Next Find Match then use Ctrl+D. Quickly find any file, action, class, symbol, tool window, or setting in WebStorm, in your project, and in the current Git repository. Select this option to have the project structure set up and some sources generated based on the Next. txt) or view presentation slides online. WebStorm provides various Extract refactorings to introduce parameters, variables, constants, fields, methods, and functions. However, my preference is to keep my hands on the keyboard. There will be 'BOLD ITEMS' and regular weighted SUB ITEMS. Select successively increasing code blocks: Ctrl Shift W: Decrease current selection to previous state: Alt+Q: Context Info: Ctrl Alt L: Reformat code: Ctrl Alt I: Auto-indent line(s) Tab:To do so, go to Preferences and select Appearance & Behaviour. Share. In the popup, select Project View and press Enter. Select all occurrences: Ctrl+Cmd+G / Shift+Ctrl+Alt+J. 2: reload pages in the browser on save, auto-import for require, a rename refactoring for React useState hooks, and better usability. 57. Select all occurrences: Ctrl+Cmd+G / Shift+Ctrl+Alt+J. js configuration from the Select run/debug configuration list on the toolbar and click the Debug button next to the. . json file at the root of the project, and that package. TextMate - Find dialog groups results by file. Multi-cursor selection in WebStorm: Select next occurrence of the current word or selection: ⌃G on macOS and Alt+J on Windows and Linux. This quick reference cheat sheet lists the default keyboard shortcuts for WebStorm running on Windows/Linux or. To Activate 'Select Next Occurrence', you can rely on a straightforward keyboard shortcut. js building blocks of HTML, CSS, and JavaScript with Vue. To remove a rule, select it in the list and click . Select multiple occurrences of a word or a text range. Delete to word end. Press Shift+F3 (jump to previous selection) or F3 (jump to next selection). Webstorm allows for placing multiple cursors. Jump to the next or previous difference. Open the project in IntelliJ IDEA or WebStorm. When you have a part of text selected, you can add the next occurrence of this string to your selection. js. Drag the tool window icon from the sidebar and drop it under the separator. When you select a word and you press it, you automatically select all the occurrences too. You can narrow your search when you click , in the search field, or click to select a scope for your. The biggest being xdebug. Click the SSH/SSL tab and select the Use SSL checkbox. Set the remaining project properties. Node. Move the caret To add a selection of the next occurrence or deselect the previous occurrence, click or Alt+J or Alt+Shift+J. Press Control+Alt+Shift+J to select all case-sensitively matching words or text ranges in the document. 1) On mac the default is ctrl+G, but you can change it to ctrl+D (or cmd+D on mac)Multi-cursor selection in WebStorm: Select next occurrence of the current word or selection: ⌃G on macOS and Alt+J on Windows and Linux. Press Ctrl+Alt+Shift+J to select all case-sensitively matching words or text ranges in the document. json file, place the caret on the package version you want to update, then press Alt+Enter and select Update ‘package name’ to the latest version. js Interpreters dialog that opens, click , and then select Add WSL from the list. Select all occurrences: Ctrl+Cmd+G / Shift+Ctrl+Alt+J. On. Name the component and select. json in the editor or in the Project tool window. Editing CTRL+Space. Drag to. With this setting, WebStorm provides smart coding assistance for ES6 and some of the latest proposals, including proper syntax highlighting, code completion, on-the-fly inspections, navigation for modules and classes, and more. Click the Copy from link and select the configuration that you want to copy. Add selection for next occurrence ⌃G. Multiple selection allows you to put cursor in multiple locations in your file and write code simultaneously in these positions. ","renderedFileInfo":null,"shortPath":null,"tabSize":8,"topBannersInfo":{"overridingGlobalFundingFile":false,"globalPreferredFundingPath":null,"repoOwner. Ctrl + Tab. I created a new Next. Stack Overflow | The World’s Largest Online Community for DevelopersWith the WebStorm 2022. WebStorm again offers a solution – just press Ctrl+Shift+N / ⇧⌘O and start typing a filename. Previous/next occurrence. Select this checkbox to have IntelliJ IDEA transform expressions with postfixes into other expressions by expanding postfix-specific templates. Starting with WebStorm 2020. Editor: the ability to run commands from Markdown files, an updated Markdown editor floating toolbar, dry run mode support in the command-line formatter,. Now when I select some word and press Ctrl+F it immediately jumps to. Presentation. If necessary, WebStorm can generate a JavaScript Debug configuration and start it automatically together with the Node. This behavior depends on the Go to the next. IntelliJ IDEA moves the caret to the next line. Webstorm allows for placing multiple cursors. You can automatically locate a file in the Project tool window. Next. Improve this answer. When you browse the occurrences, WebStorm displays the replacement hints, so you can view the potential. When you click OK, WebStorm inserts the source code of the template into the Search template or Replace template field. The new plugin offers suggestions for configuring pages and layouts, provides hints for Server and Client Components, and comes with custom documentation. shortcut description; F8: Step over: F7: Step into: Shift F7: Smart step into:Since WebStorm 2020. In WebStorm, you can create an SSH connection one of the following ways: Using the. VS Code is a free, open-source platform. Item. WebStorm provides a set of stepping actions, which are used depending on your strategy (for example, whether you need to go directly to the next line or enter the methods invoked on your way there). ※ショートカットが既に割り当てられていると Already assigned to と表示されます。. next to the field with the path to Node. Note that on some systems you also have to use Shift with the shortcuts mentioned. This quick reference cheat sheet lists the default keyboard shortcuts for WebStorm running on Windows/Linux or. 「Keyboard Shortcut」が表示されるので入力欄を選択してショートカットのキーを入力します。. The command is also available in the main menu: ReSharper | Edit | Extend Selection. OS X KEYMAP ^⌥D. This page is powered by a knowledgeable community that helps you make an informed decision. Press Ctrl+Alt+Shift+J to select all case-sensitively matching words or text ranges in the document. The suggestion list will become more refined as you type. Update from JetBrains as of October 2021: Unfortunately, a community edition doesn’t seem possible right now, mainly because WebStorm’s features are included in our other paid IDEs. js framework. Basic code completion. Ctrl + BackQuote (`) Quick switch current scheme. 2 you can use AltShiftG to add carets at the end of each selected line. WebStorm moves the caret to the next line. 1 brings with it new smart intentions for JavaScript and TypeScript, improved support for Angular, updated documentation for CSS and HTML, a more powerful debug console, and much more! Explore the top new features and download WebStorm 2019. (Ctrl+Alt+;)WebStorm offers several useful shortcuts for manipulating code lines. In the editor, select a symbol you want to find, IntelliJ IDEA automatically highlights all found usages in the file. 2. 3. The seventh EAP build for WebStorm 2023. Multi-cursor selection in WebStorm: Select next occurrence of the current word or selection: Ctrl+G on macOS and Alt+J on Windows and Linux Select all occurrences: Ctrl+Cmd+G / Shift+Ctrl+Alt+J To add or remove multiple carets, you can also press and hold the Alt key, then click at the next location of the caret. Find a command and execute it, open a tool window, or search for a setting. Select multiple occurrences of a word or a text range. To navigate between highlighted usages, press Ctrl + Alt (Option) + Up/Down on macOS. Double Ctrl. js-aware code completion for components, including components defined in separate files, attributes, properties, methods, slot names, and. Ctrl Alt Shift +T| Refactor this F5 / F6| Copy / Move Alt Delete| Safe Delete Shift F6| Rename Ctrl F6| Change function signature Ctrl Alt N| Inline Variable Ctrl Alt M| ExtraIt offers various shortcuts and features to help you add, select, copy, move, edit, fold, find occurrences, and save code. Another way to select text is with Ctrl + W, IntelliJ IDEA’s extend selection tool. All of this alreday exists more or less for Java and JS but not that good. Smart tag rendering: Tags will occupy nearby whitespace if available, rather than block adjacent text. Select the necessary checkboxes to commit changes and, optionally, merge the branch that was created. You can also make a multiple selection by holding. Next, select the menu 'Data Sharing' from the System Settings and de-select Send usage statistics. Control+Alt+ArrowDown. IntelliJ IDEA locates your target in the Project tool window. WebStorm 2023. Alternatively, to. Change the endpoint url to your strapi endpoint. PhpStorm locates your target in the Project tool window. For more information, refer to. Select Help | Register from the main menu or click | Manage License on the Welcome screen to open the Licenses dialog. Select till code block start. Alt + Shift + F10 Select configuration and run Alt + Shift + F9 Select configuration and debug Shift + F10 Run Shift + F9 Debug Ctrl + Shift + F10 Run context configuration from editor Alt + Shift + R Rerun tests Alt + F11 Run Gulp/Grunt/npm tasks Debugging F8 Step over F7 Step into Shift + F7 Smart step into Shift + F8 Step out ] Go to next editor tab [ Go to previous editor tab F12 Go back to previous tool window Go to editor (from tool window) L Go to line E Recent files popup Navigate back Navigate forward Navigate to last edit location F1 Select current file or symbol in any view B Go to implementation(s) Space , Y Open quick definition lookup 3. In the search field, type your search string. According to docs there's nothing keybinding by default to select previous occurrence. Alternatively, just position the caret at the string to search and press Control+F or select Edit | Find | Next Occurrence of the Word at Caret from. Enter your search request. If you are using Windows,. Move To A Specific Character. Second and probably more important (as you may have already guessed from the title), is that IntelliJ IDEA 13. Click next to the Node interpreter field. Shortcut. Cursors can then be controlled together. Pro. Select all occurrences: Ctrl+Cmd+G / Shift+Ctrl+Alt+J. 0 Answers Avg Quality 2/10. Click on the file in the project window & Press the buttton Shift+F6. js and click Save. Now when I select some word and press Ctrl+F it immediately jumps to. ryanjamurphy June 20, 2020, 5:59pm 2. This cannot be directly mapped to only 3 modifiers you have on Windows ( Alt, Ctrl, Shift ). WebStorm highlights the results of your search in the file. The shortcut is: Alt + J On Linux or Windows ⌃ + G on Mac. You can narrow your search when you click , in the search field, or click to select a scope for your. Use Shift+End to select a line to the end if the cursor is in the beginning of the line. hit the delete or backspace key) go forward one character (i. There will be 'BOLD ITEMS' and regular weighted SUB ITEMS. To unselect it, add Shift. Select the first comma. Go to next/previous editor tab: Esc: Go to editor (from tool window) Ctrl E: Recent files popup: Ctrl Alt Left/Right: Navigate back/forward: Ctrl Shift Backspace: Navigate to last edit location: Alt F1: Select current file or symbol in any view: Ctrl B: Go to declaration: Ctrl Alt B: Go to implementation(s) Ctrl Shift I: Open quick definition. This. ⭐️WebStorm 2019. It progressively selects more and more code. If you want to select words, place the caret at an occurrence of the desired word. Try it now - it's free. To add or remove multiple carets, you can also press and hold the ⌃ /Alt key, then click to add a new caret. If is unselected in the search field, WebStorm searches for both lower and upper cases. js Run Configuration and select Allow taking heap snapshots. Select next occurrence of the current word or selection: Ctrl+G on macOS and Alt+J on Windows and Linux. Includes keymaps for popular JetBrains products like IntelliJ Ultimate, WebStorm, PyCharm, PHP Storm, etc. search for multiple selection, find Alt + J then right click -> select change keyboard shortcuts. Move refactorings. To change project settings: In WebStorm, select File > Settings > Tools > NetSuite > Project Settings. - to restore single caret mode, use Esc. Select to match the case of the specified range. Q&A for work. 3, here are the steps I follow to force Code Completion (including auto-import) to work for a custom, self-published NPM package: Ensure that the project, itself, has a package. Editing CTRL+Space. keyboard-shortcut, editor-legacy. 「Keyboard Shortcut」が表示されるので入力欄を選択してショートカットのキーを入力します。. You can access replacement options by choosing the button next to the Find text box. Type the open bracket (, and the close bracket is automatically added for you. Recent files ^⇧E. replace exact word in php · select all matched text phpstrom · select next occurrence phpstorm. Navigate to the previous/next element in the tab of results. Start Run Configuration and after a few seconds record the first snapshot. 1 on our website. It's got integration with so many things. With this feature you can: Set multiple cursors in the editor area: Alt + Mouse Click (Option + Mouse Click for Mac OS X). CTRL+SHIFT+Space. All of them. Upon line breakSeveral useful shortcuts for the multiple carets: - p ress Alt+Shift and select the caret locations with the mouse - or press Ctrl+G to add the next occurrence of the current word to the selection - to delete from the selection, press Ctrl+Shift+G. You can also configure the tab size if you need. Alt+ArrowRight. Now you can do it in WebStorm 8 EAP (and later builds) with Select Next Occurrence (Ctrl+G on Mac and Alt+J on Windows) - See more at: I can't find what the shortcut is to jump to the next selected word in Webstorm. Select next occurrence of current selection; Select next exact occurrence (overrides Find-dialog) Select previous occurrence; Select previous exact occurrence (overrides Find-dialog) Select all occurrences; Convert a selection into multiple cursors; Skip occurrence; Undo occurrence; Add caret above/below; Use multiple carets to edit editing. Navigate with the Select In popup. Search everywhere. 2. Alternatively, right-click the gutter next to the line of code that you want to bookmark and select Add Bookmark. This is definitely will be in handy: Check this out: 45. Use the or buttons in the Search pane. Just select a class or package and see where it’s used and what it uses. Connect and share knowledge within a single location that is structured and easy to search. Next to the search field, you will see the total number of found occurrences and the number of the selected occurrence. Visual Studio Code, Vim, and WebStorm are probably your best bets out of the 20 options considered. END to jump to the end of each line. 6K views, 25 likes, 0 loves, 0 comments, 4 shares, Facebook Watch Videos from JetBrains: WebStorm Tip: Duplicate line with Cmd-D on macOS or Ctrl-D on Windows & Linux and move it up or down with. Do one of the following: Successively press Alt+J to find and select the next occurrence of case-sensitively matching word or. It can be always changed in Settings | Keymap | Add or Remove Caret. A bookmark icon appears in the gutter next to the bookmarked line. 15. the Select next occurrence (of selected word) 3 Likes. To add or remove multiple carets, you can also press and hold the Alt key, then click at the next location of the caret. Structural Search and Replace is quite powerful (after you learn to use it right), and can. Stepping is the process of controlling step-by-step execution of the program. Powerful Code. To highlight a word at the caret you are trying to locate, select Edit | Find | Next Occurrence of the Word at Caret from the main menu. Subscription costs and open source access. It is used by default with Ctrl + Shift + L. 1, you no longer need to explicitly invoke the Documentation popup – it’s automatically shown when you hover. Smart code completion. IntelliJ IDEA KeybindingsKeisuke Kato 1,547,901 installs Free SponsorPort IntelliJ IDEA Keybindings, including for WebStorm, PyCharm, PHP Storm, etc. 1) On mac the default is ctrl+G, but you can change it to ctrl+D (or cmd+D on mac) Select multiple occurrences of a word or a text range. Right click on the file -> Refactor -> Rename or just use Shift+F6 as a shortcut and a dialog window will open up so you can change the name. According to IntelliJ IDEA’s documentation:. + Read More. ctrl + d will select the current word and each time the command is repeated, add the next occurrence of the word to the selection. 2. From that link: Select All Occurrences (Ctrl+Alt+Shift+J on Windows, Ctrl-Cmd-G on Mac OS X) will select all occurrences of current word/symbol in multiple caret mode. Select the project root node and choose VCS > Enable Version Control Integration. This is possible with your mouse by clicking while pressing the `⌥` key. Styling with Markdown is supported. WebStorm will test your files and warn you about any. Make a selection from the current caret position to the same or the nearest column in the next/previous line, and then extend the selection in the same way in the same direction. The open source version of Visual Studio, called Visual Studio Community, is accessible for free to developers using Linux. For instance, f" sends you to the next occurrence of a double quote. React/JS file support:. json includes the desire package in the. To do a multi-line search, click the icon to enter a. Turning Off Code Completion in SuiteCloud IDE Plug-in for WebStorm. You can also make a multiple. Open the app, click the three dots next to your WebStorm installation, and select Settings. to select the current word in Php storm (if you're using Windows) you can use ctrl + j. Shift+ArrowUp. graphql . Styling with Markdown is supported. Press Alt+Shift on the keyboard and select the locations of cursors with the mouse. WebStorm is a lightweight and intelligent IDE for front-end development and server-side JavaScript. Specify a location where you want to save your project or accept the default. The search results will appear. CTRL+SHIFT+Space. WebStorm displays the results in a data editor. To add or remove multiple carets, you can also press and hold the ⌃ / Alt key, then click to add a new caret. Create SequenceJune 29, 2023. Control+Alt+ArrowDown. It is used by default with Ctrl + Shift + L. Secure Shell or SSH is a network protocol that is used to encrypt a connection between a client and a server. Refactoring means updating the source code without changing the behaviour of the application. Cursor locations can also be added using Select Next Occurrence. This is definitely will be in handy: Check this out: 45. . Multiple selection allows you to put cursor in multiple locations in your file and write code simultaneously in these positions. Group by. For contributors using WebStorm as their preferred development environment, we recommend the following extensions to be installed:. What is. The panel finds the language in the editor and suggests code snippets based on the packages being used in your environment. On top of this I've also noticed that if you put your cursor at the beginning of a line of code and then do Shift + Home to highlight the empty space before it, typically in most editors you can hit tab and start moving it back from the farthest point left back to right. Structural search and replace. Share. If you need to undo or redo your changes, press Control+Z/Control+Shift+Z respectively. Select multiple occurrences of a word or a text range. js. This will open your keybindings. Enter your search request. Do one of the following: Successively press Alt+J to find and select the next occurrence of case-sensitively matching word or. In the Settings dialog ( ), go to Languages & Frameworks | Node. You. Multiple cursors and column selection allows for versatile ways of editing. ] Select till code block end [ Select till code block start Delete to word end Delete to word start + / - Expand/collapse code block + Expand all - Collapse all W Close active editor. Use multiple cursors to make changes to your code faster. Add a mnemonic line. It isn’t. CMD+U. Select Previous View or Tab. Previous/next occurrence. Instead of detecting a particular framework,. Select all occurrences: Ctrl+Cmd+G / Shift+Ctrl+Alt+J. answered Jul 13 at 13:40. eslintrc). Sublime is a text editor while PHPStorm is an IDE. 手順2. In the Settings dialog ( ), go to Languages & Frameworks | Node. Click on the + icon and select the configuration type: we select Node. To shrink it, press Control+Shift+W. Restart the IDE once you make the changes. IntelliJ IDEA can select more than one piece of code at a time. When you select a word and you press it, you automatically select all the occurrences too. In order to select the next occurrence in JetBrains IDEs, you can use Alt + J (or Ctrl + G on MacOS). In Sublime Text 3 you simply select all the lines and hit Ctrl + Shift + L and it will set cursors at the end of each line and then you can hit Home button to set the. ","renderedFileInfo":null,"shortPath":null,"tabSize":8,"topBannersInfo":{"overridingGlobalFundingFile":false,"globalPreferredFundingPath":null,"repoOwner":"rsouza. The key new features and improvements in v2022. 2 EAP we are moving from JetBrains Runtime 11 (JBR11) to JetBrains Runtime 17 (JBR17). For each found code duplicate, IntelliJ IDEA will prompt you to. Find Action. You can then go on the button to preview the snippet and if the snippet is what you need, click to insert it into your code. Cursors can then be controlled together. Add selection for next occurrence. Multiple selections: use keyboard shortcuts like ⌘+D to select the next occurrence of the current word, ⌘+K, ⌘+D to skip an occurrence. Note: WebStorm’s Docker support is for server-side Node. Repeating or holding down this shortcut selects additional occurrences of the selection. This will have the following effects: A significant performance improvement allowing faster and smoother IDE operation. jeanluc June 20, 2020, 3:22pm 1. After the selection is complete, you can start editing all the fragments as if they were all the same one. And hold down Ctrl as you do that to jump entire words. Select multiple occurrences of a word or a text range. This behavior depends on the Go to the next. What is the alternative for IntelliJ? intellij-idea. To configure keyboard shortcuts through the JSON file, open Keyboard Shortcuts editor and select the Open Keyboard Shortcuts (JSON) button on the right of the editor title bar. You can automatically locate a class in the Project tool window. New UI: Vertical split for tool windows. Additionally, WebStorm supports the typesVersions field in package. Sorted by: 1. Up with Selection. You can press Tab to open the context menu and. Thanks, I was looking for it since some time :) In addition to that, You can use the shourtcut. From the Default account dropdown list, select an account-role combination you want to set as default. For Windows and Linux users, pressing Ctrl + G selects the word at the caret, and each subsequent press adds the next instance to your selection. WebStorm moves the caret to the next line. WebStorm's affiliation with JetBrains also comes significantly into play here, as those geared toward JavaScript will likely have an easier time finding the resources they need. 4. Developing with WebStorm. Drag to Create Rectangular Selection. If you want to select the next occurance of text then you have to select the text first and then hit Alt + J. If you are using Windows, you can also press Ctrl+F3. To return to the Flame Chart pane, click the V8 CPU Profiling tool window button in the bottom tool window. To add or remove multiple carets, you can also press and hold the Alt key, then click at the next location of the caret. This basically searched for the next occurrence of the already selected text and selected it, so when I edit, it’s edited on both places at the same time. Unlike find usages, that will limit it to the current file (thus reducing any searching), will not open the Find tool window, and will actually highlight all the usages (until you hit "Esc"). The next thing is that there is more than strings. Use multiple cursors to make changes to your code faster. There are many cases where there is a secondary language like an SQL or Cypher mixed with Java or just pieces of strings that need to be highlighted as TEXT instead of as symbol usages. In the editor, select the element you want to rename. OPTION+Return. When you open a project that was created outside WebStorm and was imported into it, WebStorm displays a dialog where you can decide how to handle this project with unfamiliar source code. New inspection for updating dependencies. According to docs there's nothing keybinding by default to select previous occurrence. You can automatically locate a class in the Project tool window. Cursor locations can also be added using Select Next Occurrence (Alt+J on Windows. 1K views, 96 likes, 9 loves, 16 comments, 11 shares, Facebook Watch Videos from JetBrains: WebStorm Tip: Press ^G / Alt-J to select the next occurrence. ctrl + click or middle-mouse click will place another cursor in the place that's clicked. Better security, as JBR17 is. ","renderedFileInfo":null,"shortPath":null,"tabSize":8,"topBannersInfo":{"overridingGlobalFundingFile":false,"globalPreferredFundingPath":null,"repoOwner. When you select this option, WebStorm displays the Local Changes and Shelf tabs in a separate tool window. How can I select next occurrence in IDEA editors. Type hierarchy ^⌥H. 2 EAP build #2 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out our previous EAP blog posts. Upon the expiration of the trial version, you need to buy and register a license to continue using WebStorm. Option + Cmd + T Surround with. Enable postfix completion. On the Inlay Hints page, that opens, select the appropriate setting from the Position list. action. This also permits selecting. Select a match to display the file in the editor. 2 comes bundled with TypeScript 4. On. If the class is opened in the editor, press Alt F1 to open the Select In popup. Refactoring helps you keep your code solid, dry, and easy to maintain. js . Double click a match to open an editor.