How to implement 'Select All' for TinyMCE? - tinymce

I have an application which has a modified tiny_mce (version 3.0.1). It was modified and has a file upload function and that's why I can't upgrade tiny_mce. It works well except for Internet Explorer 9. In IE9, the cursor is not displayed and I can't write anything.
I found workarounds.
Make the site compatibility mode
Right-click the editing area and click 'Select All'
The second workaround is better. How do I select all programmatically?

The second workaround is better. How do I select all programmatically?
This depends on the point of time you want to "select all".
Here is the necessary code:
tinymce.get('my_editor_id').getBody().select();
To do this right after initialization the code is:
setup : function(ed) {
ed.onInit.add(function(ed, evt) {
ed.getBody().select();
});
}

Related

Prevent Vscode live server to scroll up on save

Every time I write something on stlye.css and save (or wait to live server to refresh), it scrolls my page up...it's really annoying, anyone know how to prevent this behavior?
The trick to solve this is to do the following
In program Visual Code:
File -> Preferences -> settings
In settings page drop down Extensions and click Live Server Config
Tick the box:
Settings:Full Reload
It stops the change of scroll position that you ask for.
However if it scrolls from top of page (in Chrome at least) down to the scroll position you're on when saving/reloading it is because you use:
html {
scroll-behavior: smooth;
}
Just comment it out under development (if you have it/use it) and want to prevent that from happening.
Input from another user:
Note: you have to stop the live server and start it again to see the changes
(happened to me)
go to live server extension and Disable then enable it ( don't forget to reload window
go to vs code setting 1) markdown> Scroll editor with preview --> "off it"
2) markdown> scroll preview with editor --> "off it"

Enabling auto scroll in Visual Studio Code

Is there any way that we can enable auto scroll in Visual Studio Code? I have been looking in the settings but could not find anything(unless i missed something).
I am reviewing a log file and as it gets updated, its refreshed on my side. But it is not showing the latest logs but just stays where my cursor was and highlights everything that gets populated after that.
Had the same problem but did not find a setting within VS Code.
However there is an extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=pejmannikram.vscode-auto-scroll
Works quite well for me.
There's now a built in VSCode setting - you can untick Smart Scroll option (output.smartScroll.enabled).
As described here:
VSCode: Turn auto scrolling permanently ON
"An option to turn off the smart scroll feature was included in one of the recents update (probably in the March 2020 update, I didn't found this on the changelog), see more: issue #69480
Since then, I've been able to "save" the scroll state, try this:
Go to File > Preferences > Settings (or Ctrl + ,)
In Features > Output, disable Smart Scroll option (or search output.smartScroll.enabled)"

debugging plunker in chrome developer tools

I created a javascript file in Plunker and I want to debug it. When I open 'Sources' panel, I don't see js file that I created. I only see plenty of Plunker js files. Please advice. Thanks
Another way is to put this in your javascript file
debugger;
and leave the console open, which will force the debugger to not only stop there but to also open the file.
You have two main options to drill down to the source file that you created.
1. Use the pop-up window mode of the preview panel
By default, the previewer runs inside an <iframe> inside the plunker webapp. You can ask plunker to show the previewer in a separate window by clicking the blue expand icon in the top right of the preview window. If you open dev tools for the pop-up window, you will only see your source files.
2. Right click the preview and hit inspect element
Doing it this way will let you use the embedded, live preview and will give you a shortcut to drill down to the DOM associated with your code.
The picture is worth thousand words...
F12 and then select sources; plunkerPreviewTarget has the source code
A quicker way I found is to simply grab the unique id of your plnk.
In normal 'edit' mode URL will be something like
http://plnkr.co/edit/P0fqZG6G6khKKrtfBkDP?p=preview
Simply append this id - P0fqZG6G6khKKrtfBkDP to the URL
http://run.plnkr.co/plunks/ therefore becoming
http://run.plnkr.co/plunks/P0fqZG6G6khKKrtfBkDP/
Important: Make double sure you add the trailing /
Open new URL in a new chrome window
Hit F12 in chrome, voila native angular JS debugging for your plnk
Note: You can then continue editing in plnkr, saving, and simply refreshing this URL when debugging, to maintain your active debugging session.
This may change, but currently on Chrome 47.0.2526.111 m on Windows 10, 64 bit, this is how you can find your plunk source files:
Open developer tools (F12)
Open sources
Look for run.plnkr.co
Expand this to show a single directory with a cryptic name
Inside, you will find your files so you can start debugging

Remove "Quick Access" entry in Eclipse Juno

How do I remove the "Quick Access" text entry from Juno's CDT toolbar? I never use it and it consumes valuable space on my laptop screen.
This bug Make "Quick access" optional and hidden by default covers it. It looks like it is not currently possible, I suggest you add your interest to the bug.
I looked for an answer to this question because Quick Access took a full row in the toolbar. Instead of removing it (Which requires too much hacking for my taste), I just removed a few toolbar buttons that I didn't use anyway, and the Quick Access shifted up among the rest of the buttons taking only an acceptable amount of space.
There is really no need for that many buttons for any one perspective. They should fit unless your screen is tiny. Customise this in Window -> Customize Prespective...
Here is a quick hack which doesn't require any plugin installation, instead you just need to add a few lines to your current layout's CSS file. Works perfectly for me in v4.2.2
Navigate to <ECLIPSE_HOME>/plugins/org.eclipse.platform_<VERSION>/css then open up the CSS file of whichever layout you are using, e.g. mine was e4_default.css. Now append the following snippet to the file:
#SearchField {
visibility:hidden;
}
Now just restart Eclipse and the box is gone.
*Edit
It appears that the layout file e4_basestyle.css is used universally, regardless of your current layout. Thus you should be able to add the above snippet to that file and this fix will be persistent, even if you change layouts.
In Luna this has been fixed.
You can just right click on Quick Access toolbar and click hide to hide it. Refer last few comments in https://bugs.eclipse.org/bugs/show_bug.cgi?id=362420
A solution inspired from :
https://bugs.eclipse.org/bugs/show_bug.cgi?id=319991
(With eclipse Juno 4.2) Just add this piece of code to your ApplicationWorkbenchWindowAdvisor class and call the method from preWindowOpen().
private void hideQuickAccess() {
UIJob job = new UIJob("hide quick access") {
#Override
public IStatus runInUIThread(IProgressMonitor monitor) {
IWorkbenchWindow window = PlatformUI.getWorkbench()
.getActiveWorkbenchWindow();
if (window instanceof WorkbenchWindow) {
MTrimBar topTrim = ((WorkbenchWindow) window).getTopTrim();
for (MTrimElement element : topTrim.getChildren()) {
if ("SearchField".equals(element.getElementId())) {
((Control) element.getWidget()).dispose();
break;
}
}
}
return Status.OK_STATUS;
}
};
job.schedule();
It might not work unless changing the accessibility rule of the org.eclipse.e4.ui.model.workbench.source_0.10.1.v20120523-1955.jar.
To change this option, go to the Java build Path menu, find the jar, expand it and the option will appear.
NB: I'm not sure about the entailment of this last change, it could be 'not clean'.
Check out this plugin: https://github.com/atlanto/eclipse-4.x-filler#hide-quick-access-plug-in
Works with Eclipse Kepler release.
This plug-in adds a functionality to hide/show Quick Access textbox in the main toolbar.
Window ☞ Hide Quick Access
Solution for Version: Oxygen Release (4.7.0):
Save the icons you are constantly using by dragging them off the "Toolbar" e.g. left/right/under to the Editor.
Then toggle: Window > Appearance > Hide/Show Toolbar
Done. :)
Type "toggle toolbar" in the quick access window (yes, that very thing that annoys us) and it'll be gone. C.f.

Removing text in the banner in a Windows Installer project

I'm using the standard Visual Studio deployment project and want to remove the text in the banner (the text that says "Welcome to the Your Project Setup Wizard".
I want to remove it because I want a custom banner and don't want the text written over the banner.
I can't see any properties in VS to allow this. Can it be done without prodding around in the .MSI?
Cheers,
Steve
You can "remove" the text by removing the Welcome dialog and replacing it with a custom dialog. In VS 2005 -
Right click on the Setup project in the solution explorer
Select View - User Interface
Under the Start group for Install and Administrative Install delete "Welcome"
Then you can add a "Textboxes (A)" dialog (right click the "Start" group and select Add Dialog) to the project, set the visible property for the text boxes to false. Move the Textboxes (A) up to the top of the "Start" sequence.
The properties for this dialog include:
BannerBitmap
BannerText
BodyText
This should allow you to control the look / feel (to a certain extent) of this new "Welcome" page.
I'd just like to add to this that sometimes creating a custom dialog is a pain in the rear and that you can follow the advice at http://social.msdn.microsoft.com/Forums/en-US/winformssetup/thread/5af7ff28-3dbb-4a8a-8d62-a09af9e32b29 to use a tool called InstEdit (http://www.instedit.com -- there is a free version) to edit the outputted installer and remove the BannerText
I don't believe there is an easy way (e.g. changing a property). I had the same problem recently. I couldn't find anything. Ended up using Orca to "prod around in the .msi". It seems the only thing you can alter easily is the language it's displayed in.