If you write a lot outside of WordPress or write posts with a lot of code, you’ve probably been driven batty by not being able to use the [tab] key in posts to indent your paragraphs or code. Now you can. This simple plugin allows you to use the tab-key inside the post editor to indent code or paragraphs.
This plugin should work with all versions of WordPress, but has not been tested in versions earlier than 2.9
- Allows for both multi-line and single line indenting
- Works in all major browsers.
- Toggle-able on each post. Enable or disable tabs automatically without reloading the page.
- Only works in the HTML editor
Use:
Easy, activate it and it works automatically. There is also a new “disable tabs” button above the editor that you can toggle on and off to activate and disable tabs.
Unfortunately, you have to have JavaScript enabled.
Download:
Download Latest Tabs in Post Editor
Installation:
Use the one-click installer!
Or
- Download the zip file, unzip it and upload to your wp-content/plugins folder
- Upload to your plugin directory.
- Activate.
The plugin is hosted in the WordPress Extend database so you can also manually install from your wordpress admin panel
- Go to “Add New” under Plugins
- Search for “Tabs in Editor”
- Click install now, confirm and follow any other instructions you are given.
Well, my message neglected to carry out the code example. That ‘Some text’ was supposed to be between two divs and an indented p section. But, my comments stand.
Am I supposed to type something in the HTML besides hit that key? Are we talking about the same thing????? I want my pagetab to be visible but not be able to click into. Such as my “About” page is just a header to the subpages underneath it “biography” and “photos”. I’ve been trying to do this for a billion hours. HELP!!!!!!!!!!!!!!!!!!!!!!! Is this the right plugin?? Do you know the code to disable clicking into a page???? I’m going nuts here.
To Barb and David. My concept of this plug in and yours is different, or at least what I think its purpose is.
The plug in, as I see it and use it, allows code indention when writing HTML. It’s not for the Visual Editor but the code editor. Indented sections of code make the code sections readable. This is opposed to all lines starting at the left.
Thus:
Some text.
This allows the author AND anyone trying to interpret the code to more easily see what the heck is going on. Again, I don’t think it’s meant to be an adjunct to the Visual Editor.
Hope this helps.
That is entirely correct. I use only the code editor view when writing posts and like to indent code examples and paragraphs to aid reading.
Does this plug-in still work?
Not working for me.. I tabbed a line in the HTML editor which shows up in the HTML editor, but doesn’t stick in visual editor or the actual published post.
Too bad if this this plug-in is no longer being updated, its a really good idea.
This plugin is not to display the tabs or save the tabs. It only allows you to use tabs.
Hello! How about support for version 3.1? Plugin doesn’t work in this version of WordPress as i see…
THIS is a godsend. Wonderful and thank you!!! It’s always been a nightmare trying to match divs with no tabs. Great idea!
I figured out how to tab the beginning of a paragraph in HTML editor, but how do I tab a whole paragraph?
Ti indent a single block of text, you would need to use a <blockquote> tag.
To indent multiple lines (a line ends when you hit “Enter”) just highlight them all and hit “Tab”
how to use it?