Steemit EasyEdit - Let's Make the Editor Great! (Again?)
Do you wish the editor toolbar stayed at the top? Wish you could just scroll your editing area instead of the whole page on the 'Submit a Story' page?
Steemit EasyEdit
Have you ever been writing a really long page, and you were working at the end and need to choose an option from the toolbar? It may look something like this:
So much scrolling, right?
My bookmarklet will let you have the editor toolbar always at the top, as well as letting the editing area be scrollable. Take a look to see how it works:
Install
To install, create a new bookmarklet in your browser (it helps to have the bookmark toolbar always shown) and enter the following for location:
Please see http://pastebin.com/QjpsjP5KHere is an example of how to do it in Google Chrome:
Use
In Google Chrome, just click on the bookmarklet and you are ready to go:
Note that when you in the Submit a Story page, if there is not already saved text, it will be in MarkDown mode with no text. As soon as you type anything, you will stay in this mode and never be able to reach the Editor mode, which is the mode that has all the toolbar options. In this case, you can just click the CLEAR link next to the POST button to clear all text and start over.
You may also resize the scrollable editing area by grabbing the handle at the bottom right:
As you can see, you can toggle between Editor and Raw HTML and my bookmarklet will return the editor to the previous height and scroll position.
This bookmarklet will not work in Mozilla Firefox. I will make an update for Firefox soon.
Thoughts..
The editor and the submit page will likely be updated sometime in the future. When that happens, this bookmarklet may stop working or may cause unwanted behavior. But until then, this should work as a good enhancement. In fact, I am using this bookmarklet as I create this post. Without all the scrolling back and forth and losing focus, productivity has definitely increased!
I suppose it is possible to draft your post in a word processor and try to paste to the editor hoping all the formatting stays the same, but if it doesn't, then that would be a lot of reaching for the toolbar. For those using a MarkDown editor, more power to you! I personally spend most of the time in the visual editor and switch back and forth to the Raw HTML for finer control. My posts are mainly done in HTML instead of MarkDown as I do a lot of web dev and it is more comfortable, although I have learned a little bit of MarkDown since joining Steemit!
I love your stuff.. these kinds of howtos make it easy for everyone. Thanks!!
Glad you like it! Thanks!
It was really kind that you developed your own fix for a huge problem. Many of us are used to those controls being in the menus or at least of the top view of the web-base editor. This tool will really help a lot of people that can now publish great content more efficiently.
HAHAHA! Great headline, well played sir, well played. And as Obama says "Hey, The Editor is already great, jerk!"
Anyways, I just love love love how the Steemit community is "all over" improving the platform. Yes I DO hate scrolling to post, thanks for offering a solution before Steemit managed to . Like I said this community just rocks.
Thanks!
I must say, this is a really great community here! Glad to be playing a part!
Fantastic idea. I always have this problem! I hate scrolling up and down like a yoyo.
Thank you! I've had this problem for as long as I've been here. Yoyo is right!
This is design 1 o 1. Really, the one who decided its better to scroll the whole page instead of the text edit section is... Stoopid.
Well, I'm sure the editor and the submit page will have an upgrade eventually. But you're right, having to scroll the whole page was annoying me for more than a month on this site! Haha
As i write stories or poems, editor makes it difficult for me to edit the content.
This will surely help. Thank you so much.
Great work.
My pleasure! And thank you! Hope it helps!
Installing this thing doesnt look simple to me, and I'm not a chrome user. Seems simpler to make a note of the html code and use it as you work.
pound space text gives me a large header
text gives me a large header
..... learn the easy code
Right, it depends on what someone adopts as their workflow. Some use MarkDown exclusively and use an external MarkDown editor. I personally use HTML with the visual editor here. Installing the bookmarklet could be tricky for someone who hasn't done it, which is way I've created the GIFs to follow along. And I will surely create a Firefox version soon and test in other browsers.
Here's the Firefox solution!.. https://steemit.com/steem/@bitcoiner/update-steemit-easyedit-fix-for-mozilla-firefox
And to think I've learned all these HTML and markdown tricks for NOTHING! XD j/k, nice little plugin. I do the same thing with freezing frames in excel, blows people's minds.
Haha, well learning the markup/markdown languages do help when you want to fine tune your post. And freezing the top row in Excel is the best thing ever!
trying to use Editor but it doesn't work. can you help me about what am I doing wrong? does it work for windows?
when I push the bookmark, nothing happens.
May be I'm not the one who having such troubles?
Yes, this works for all operating systems. Right now, only tested for Google Chrome. Did you make sure to copy all the code from the pastebin I linked above in creating the bookmarklet? When you are first in the Submit a Story page, you will be in MarkDown mode. As soon as you type anything, you will stay in this mode and never able to reach the Editor mode, which is the mode that has all the toolbar options. You can click the CLEAR link next to the POST button to clear all text and start over.
Thank you for the support! It works! I think it is a very great option!
It must be a default future in steemit!
Cool! Glad I could help and get it working for you! Well, the Steemit team is always coming up with new updates, so maybe an update to the editor and/or the submit page will come very soon!
Fantastic. I actually do use Firefox (fnally decided that Google knows enough about me, haha, and also switched to Protonmail for that matter) but will look forward to either your update or the "the developers" to get around to it. Yes, it's a pain scrolling tho, thanks for doing your part to help us all.
That's http://www.protonmail.com if anyone's interested. It's literally a "Swiss email account" pretty much unhackable, develped by CERN and MIT geeks who wanted totally secure, private email, and like Steemit, if you lose your password, tough noogies. Governed by Swiss law as well. I'm not an affiliate btw, I just love it.
I was wondering about that and had to well.... Google... it! Haha.. Thanks for the share.
But Google has the moto don't be evil remember? Haha. But yes, I will make a Firefox solution soon. I completely agree with the painful scrolling. I've been doing it ever time I make a post since joining Steemit a month ago!
Yes, I think Google's "don't be evil" is nowdays pretty comparable to the phrase "We're from the government, and we're here to help"! And I must admit that I keep a Chrome tab open for searching, especially for my Steemit questions!
Haha, it's hard to completely leave Skyn... er, Google!
Here's the Firefox solution!.. https://steemit.com/steem/@bitcoiner/update-steemit-easyedit-fix-for-mozilla-firefox