This package strips down the editor UI so that only the top row of buttons are shown. The top row includes some of the more useful buttons for new users (Bold, Italic, Underline) whilst hiding the more complicated ones that can be found in the second and third rows.
Instructions
To install this package in your site, create/edit these pages with the following content:
This page | Contains this line |
---|---|
Any page, but I recommend putting this into a live template | [[include :csi:include:StripEditorUI]] |
Just paste the code given above into your page — it's that simple! Any comments on that page will then begin to use the Stripped-down Editor UI (designed by the Wikidot community).
If you don't see the changes immediately, try clearing your cache and refreshing the page at least twice using Shift+F5.
In action
You will notice that the new-comment box on this page only displays the first row of editor buttons. All other CSI packages on this site have three rows of editor buttons when posting a comment.
The code
The contents of the StripEditorUI page:
[[module CSS]]
/* Strip down editor UI, revised by PH, revised again by leiger for CSI.wikidot.com */
/* Taken directly from blog.wikidot.com CSS on 5th May 2010 */
#wd-editor-toolbar-panel div + div { display: none; }
#np-editor-panel div + div { display: none;}
#edit-diff-button { display: none; }
.edit-help-34 { display: none; }
[[/module]]
Include files
StripEditorUI | By leiger | 05 May 2010 05:54 |
Well, some do like a strip down editor, other do not.
If, as a reader, you want to restore the full editor, then
User's choice !
gerdami - Visit Handbook en Français - Rate this howto:import-simple-excel-tables-into-wikidot up!
Yes. There was a specific site I was going to use it for. The normal editor took up too much space in the theme so I went looking for a CSI for this to use as one line is perfect in this case.
Couldn't find the CSI, so I created it myself ;-)
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
Found another solution gerdami - let me know what you think! :)
http://blog.shane-smith.com/blog:121
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
In a previous post, I gave you a link to restore, from the client side, the full editor.
With the following link, you will be able to strip down the editor of wikidot site of which you are not allowed to modify the CSS or you don't want to strip down the editor for all.
http://userstyles.org/styles/29293
gerdami - Visit Handbook en Français - Rate this howto:import-simple-excel-tables-into-wikidot up!
So, it does a similar thing to this CSI, for people that don't have editing rights?
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
Exactly, user's choice !
PS: I noticed that each button has (now) its own class such as "weditor-italic" or "weditor-footnote" which allow more customisations.
gerdami - Visit Handbook en Français - Rate this howto:import-simple-excel-tables-into-wikidot up!
I hadn't noticed - thanks for pointing that out! This is going to be helpful!
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)