VSCode Extension button over editor - visual-studio-code

I want to create a button that is placed over my text editor like the "Add configuration..." button. I could not find any documentation in the oficial docs.
https://i0.wp.com/www.alphr.com/wp-content/uploads/2021/08/JS12.png?w=700&ssl=1
This is what I want to accomplish but with custom text when my extension is actived. Or at least create a new bar over the panel so I can place my button there.

Related

How to add custom icons in editor action toolbar

I want to add a custom icon on the editor action toolbar in vs code, which would be a link to a command. The icon should be visible alongside the file when any file is open on vscode. How to add the custom icon? Any leads would be helpful
image
Add your custom command inside package.json under "editor/title" and "command". For more details check the following links:
Editor Action
Contribution point

Clickable link in active editor

If I add a link to the active editor either by using the menu/context menu or by simply typing a URL (e.g., http://www.google.com), the link is added but it is not immediately clickable. The only way a user can use the link to navigate to a page is by ctrl-clicking and choosing to open in a new tab. If the editor is in read-only mode then it works as intended but not when the editor is active.
Is there a way to make links clickable in an active editor?
thnx,
Christoph
TinyMCE will not (by default) make the link clickable. You can right click on the link and a context menu appears. In that menu is an option to open the link. To modify a link one needs to click on it (select it) in TinyMCE. If that act (clicking) opened the link you would not be able to easily select the link to act upon it in the editor.

place a popup in tinymce after button click

I added a button to the tinymce editor (version 4.x) and when the user clicks on it it opens a popup to set options. I would like to have this popup open next to the button but I can't find how to get the coordinates of the button.
The function called by the button has an "editor" instance which contains a "buttons" attribute, but no useful information in there for placement.
I could use the element containing the editor as a reference, but is there a better way?

eclipse plugin development-adding button to toolbar and its behaviour

Using eclipse plugin, I am trying to add some buttons in toolbar and want to perform some action onclick to that button.
so what i did in extension tab i added org.eclipse.ui.menus and so added a menucontribution to it with URI location- toolbar:org.eclipse.ui.main.toolbar.And then a toolbar in it with a command lets say Design
so by doing this a got a button on toolbar with name Design.
now i want it should be clickable (as for now it is inactive) and on click i can add some behavior/action to it.
please help.
You can use "Hello,World Command" plug-in template which adds a "Sample Menu" in the toolbar and start from that point.

Search text field on menu bar

In a Eclipse RCP application, is there any way I can have text field (for search) on menu bar?
For example I have menu:
File Edit ... Search: |___text field___|
The text field is located at the right end of the menu bar.
I don't think that is easily possible. But you could use the CoolBar to create this functionality.
You can place an SWT control on the toolbar, but it doesn't work for menus. Here is the toolbar way:
Open the extensions tab in plugin.xml file
Add a menuContribution extension to org.eclipse.ui.menus and set it as a toolbar (toolbar:ID)
Add a toolbar to this menuContribution
Add a control to this toolbar
Double click and create the class which extends WorkbenchWindowControlContribution and fill the createControl(...) function using the desired SWT controls.
After setting the menuContribution as a menu, it is still possible to add a control, but unfortunately, it does not show any controls.