The wikidot editor - it's not as bad as you think
Some quality time spent with the wikidot editor revealed it's not all that bad.
Recently I was doing some styling with the wikidot editor to see if I could make it look less… (insert word of choice here). To me, it has always been functional over aesthetic. It gets the job done without screaming at you how good it is. So I took it upon myself to try and restyle it a little bit - and the result wasn't half bad.
So that's the aesthetics out of the way, how about the functionality? As I've mentioned before, I've never really been one to make use of the editor's buttons, which is a shame, because there's some great functionality in there. Not only do they cover just about all the wiki syntax your average Joe will ever need, but there's some great wizards there that will do a lot of the heavy lifting for you. A little bit of CSS to make it less harsh on the eye and these popup windows start to look half alright. Check after the break for some shots of my styled popups.
I was going to release the CSS for the revised editor, but it doesn't really play nicely with other themes just yet. When I get a chance, I'll take it out the back and give it a stern talking to, and then hopefully you'll all be able to enjoy it hassle free.
The page link wizard
The URL link wizard
The code block wizard
Import photos from a page, a URL or even Flickr
Enjoy the article? Tweet it!
Discussion - No comments yet…7 comments
Looks really nice. Are you going to show us how you will do it?
Kenneth Tsang (@jxeeno)
Awesome!
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
It's already done! I just have to make it more cross-theme friendly.
BMC Creative | RoaringApps | @brycecammo
It looks really good. I've done a version of the Page Editor on one of my sites at http://procurators.wikidot.com/css:editor. That page is editable so you can see the result and the css for it is on the page.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Wow, they're quite similar!
BMC Creative | RoaringApps | @brycecammo
How can i stop the pop up window from showing up in back of the infobox? I need to have it show in front so that when members are using the editor they don't get confused? Also I would really like some coding to edit the pop up window, this would make things easier.
CEO of Icon Deposit
Take a look at me via Twitter, Dribbble, and Google +
You'll just need to lower the z-index of the infobox class. If I remember correctly I think the popup windows have a z-index of 40 or 50, so it'd have to be lower than that.
As for styling the popup windows, have a look here > http://css3.wikidot.com/blog:wikidot-saving-page-dialogues
BMC Creative | RoaringApps | @brycecammo
Post preview:
Close preview