[zEditor] zEditor 1.7.1 [English]

First topic message reminder :

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 them

Github:

https://github.com/mysticzero/zEditor
Changelogs are also on there

License:

MIT license

Demo:

Spoiler:

How to install js and css:

Step 1:

Remove old version of zEditor completely. Download the latest release
here, 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 No

Step 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}">

If you don't have that line, look for the element that wraps your post (mine is <div class="post"></div>), then add id="p{postrow.displayed.U_POST_ID}" to it, you should only have one p{postrow.displayed.U_POST_ID} in your viewtopic_body template. If you have extra, please delete.

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>

The code above indicates where zEditor will be displayed in a post, you can put it anywhere you like. In this case, I want it to be below the post buttons, so I place it below <div class="post-entry"></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}

Those are variables for the post buttons. If they happen to be inside an element, add zeditor-buttons class to that element. If they don't, put them inside this element <div class="zeditor-buttons></div>

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 ID

Tips:

- 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}

- WIP (work in process) version will be in work in process folder. Only use it, if you want new features and don't care about bugs.

Well let me think about it. I'm planning to integrate a simple image uploader like the imgur uploader that we have here. I've never used filepicker before but I think imgur is better as an imgage uploading service.

Thank you. imgur uploader also good.

Help me to remove the imageshack uploder, i want insert the img url link option.

LIke this:

sivastar wrote:Help me to remove the imageshack uploder, i want insert the img url link option.

LIke this:

Hi, I just committed a new update so maybe Saturday/Sunday afternoon If I have time, I'll add that in.

Zero wrote:
Hi, I just committed a new update so maybe Saturday/Sunday afternoon If I have time, I'll add that in.

Thank you sir.

Does it support new reply notification?

ashik4u wrote:Does it support new reply notification?

Not sure. I haven't tested that yet.

It really looks amazing. Thanks for it and for making it english version.

thank you