I'm trying to set the default direction of content in TinyMCE (version 4.0.12) from ltr to rtl.
I'm using directionality config:
directionality: 'rtl',
…but the editor seems to ignore it and still the default cursor position is on the left and the content is ltr.
I also tried to use an RTL language for TinyMCE, but got the same result with the default cursor position on the left and the content is ltr.
What is the problem?
How can I make TinyMCE's default content direction be right-to-left?
4.0.12 had an issue where the fullscreen plugin would cause unexpected behavior with certain other plugins. Updating should fix this.
Related
I have an issue where my code-lines wrap to the next line too soon and there's a weird empty margin on the right side of my editor, which takes up useless space. I thought it was the minimap at first, but it's not that. The size remains the same regardless of the editor window size.
I've probably added it by accident through some shortcut keys but can't find anything related to it from the settings.
Looks like you have the Dart extension installed. If so, change Dart: Line Length to a higher number (9999999 if you want). 0 might also work to disable that option.
As it says, you might also need to change the rulers in the dart section of settings.json
enter image description here
Open Extensions on the menu on the left or File menu.
Then click on the extension settings button.
Change the line length for the extension you are working with.
There was a plugin for vim that would blur out everything in the current file except for the function your cursor was on or in the body of. I've googled every combo of query that describes that and looked through git commits of my old vimrcs but can't find it anywhere!
If you would scroll down or up into another function/body it will "reveal" that and blur everything else. It would also center with horizontal margin.
Regardless, is there an edit to zen mode or a plugin that could achieve this? And if not the blur effect, then is there a way to limit the characters visible to a number?
Something like the image halfway down in this article.
Normal editor folding staying left side of html editor. But it did happen I don't know, it folding area moved to up of editor. So How I can fixed it ?
Thank you for helping...
Edit 1
I thought my problem was caused by this but my problem is like that,
there is folding in left side of editor. it's hiding in few second only vue template. It's working normal html files. How can I do like as below ?
This is not related to folding. The thing is called "breadcrumbs", and can be disabled using:
"breadcrumbs.enabled": false
I found solution,
I was using vetur extention. and Vetur published new version which is 0.27.1 and it's not working very well. I installed previous version it's fixed.
In Visual Studio Code, I'm trying to get the whole column highlighted where my cursor is. The same way a line is highlighted, I'd like to get the column highlighted as well.
It exists in Atom, as shown below, as an independant package.
I didn't find the same setting or package to do it in VSC. Anyone knows how to achieve that?
I don't think it is possible to get the exact same effect as with Atom, where you highlight a column, but for the same functionality (vertical line where your cursor is), you can install the extension cursoruler.
I can suggest you the following extension: Editor Crosshair
https://marketplace.visualstudio.com/items?itemName=bitlang.vscode-crosshair
It adds horizontal and vertical rulers around the cursor (screenshot below)
It would be very useful for editing JavaScript or TypeScript to always see the current function name at the top (like Xcode does for example). Sometimes when editing a long function (or having larger parts of the screen obscured with the console), it would be very useful to be able to verify that I'm actually in the correct function / to know in which function I am at the moment.
Is that possible?
Another way to "pin" the current function definition to the top of the editor is with sticky scroll.
Sticky scroll is a feature that shows the current scope at the top of
the view port.
from https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_71.md#sticky-scroll
This was introduced in v1.70 and is still undergoing improvements. And is currently under an experimental setting so expect some changes.
In v1.71 it will no longer be "experimental" and so the setting will
become:
Editor > Sticky Scroll: Enabled
Until v1.71 comes out here is the current information:
First enable this setting: Editor > Experimental > Sticky Scroll: Enabled
There will be a toggle command to show/hide the sticky scroll lines: editor.action.toggleStickyScroll
Clicking on that sticky function definition will take you to the top of the function.
Control/command click in the sticky scroll will take you to the definition.
Another demo from the v1.70 Release Notes: Sticky Scroll
Currently you can modify the background color and shadow color with these colorCustomizations in your settings.json:
"workbench.colorCustomizations": {
"editorStickyScroll.background": "#444",
"editorStickyScrollHover.background": "#f00",
"scrollbar.shadow": "#fff9" // with a little opacity for the dropShadow
},
There is a related setting:
Editor > Experimental > Sticky Scroll: Max Line Count
Defines the maximum number of sticky lines to show
Default for above is 5.
This was added with VS Code 1.26. It is called breadcrumbs
Breadcrumbs are enabled by default for languages with advanced support. This includes JS/TS, html, and css out of the box. Extensions can add support for more languages