Introduction:
zEditor is a light-weight editor with many new features, brought to you by Zero. zEditor is available on phpBB3, Invision, and punBB. By using zEditor, you can edit your post, send a reply, etc...without having to go through all the confirmation pages. More than that, zEditor will update all the posts that you made and edited immediately so you don't have to reload the page again to see themGithub:
https://github.com/mysticzero/zEditorChangelogs are also on there
License:
MIT licenseDemo:
- Spoiler:
How to install js and css:
Step 1:
Remove old version of zEditor completely. Download the latest releasehere, open latest.js and latest.css
Step 2:
Create a new javascript on your site with In all the topics selected, copy everything in latest.js file to the javascript you just created. Copy everything latest.css file to CSS, also scroll down and look for Optimize your CSS, select NoStep 3:
Go back to the javascript you just created, look for version = 'punbb';, change punbb to the forum version you're using (lowercase)Editing viewtopic_body template:
Step 1:
Go to viewtopic_body, look for {postrow.displayed.MESSAGE}, change it to- Code:
<span class="zeditor-message"><span>{postrow.displayed.MESSAGE}</span></span>
Step 2:
Look for <!-- BEGIN displayed -->, below it, there should be a line that looks like this <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">, change it to- Code:
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}" id="p{postrow.displayed.U_POST_ID}">
Step 3:
Look for <!-- BEGIN switch_signature -->, above it, there should be a line that looks like this </div>, put the code below above- Code:
<div class="zeditor"></div>
Step 4:
Find- Code:
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
How to register your own IMGUR
Go to https://api.imgur.com/oauth2/addclient you can login using your facebook or twitter. Fill in the name and email, choose OAuth2 without a callback URL. Then copy the secret ID, open the zeditor script, find 6528448c258cff474ca9701c5bab6927 and replace it with your secret IDTips:
- lang variable contains all the words that zEditor uses. If you want something else different, just change the value. Example: I want to change the Smilies text button into an icon button. I change the value to <img src='https://2img.net/i/fa/i/smiles/icon_biggrin.png' title='Emo' />- To make reply and pm button go to the left on phpbb3 and invision, put this in css
- Code:
.pbutton{float:left}