Jump to content






Photo
* * * * * 2 votes

IP.Board 3.2.0: New Text Editor, Part II

Posted by Matt , in 3.2.x, Beta 10 February 2011 · 5,898 views

I recently introduced the new text editor in 3.2.0. This new text editor brings a robust rich text editor coupled with custom BBCode and an auto-save feature.

Today, I wanted show some user interface and usability improvements we've made in this area.

Firstly, where space is tight or where you don't want to be overwhelmed with the text editor, it is shown 'minimised'. The screenshot below shows this minimised state and the editor looks just like a regular HTML text area that everyone is familiar with.

Posted Image

Upon clicking the text area to begin making your post, it'll expand into the full editor ready for use:

Posted Image

We've also gone ahead and added 'Ajax reply' and 'Ajax quoting'. This improves the responsiveness of IP.Board by removing the page reloads and gives it more of an 'app' feel by posting and updating the page instantly.

I've taken a short video of this in action. Please note that you are viewing an in-development feature so the final design is not set for both the board and the editor and also that I'm currently working in "development" mode with CKEditor which means that there is a slight pause as it loads. This will not be the case when we package it up for release.



We hope that you enjoy these enhancements to commonly used areas and that it makes a common task more enjoyable. Please do keep in mind that cosmetic style issues and such will be addressed in future blog entries.

  • Ryan11433, Axel Wers, 3DKiwi and 25 others like this



nice
Nice! ;)

How does app handles when someone posts something before you reply? This will be common case in busy topics.

There was a hook that did this(ajaxfy posts thingy), it was working in a way that when you reply, it checks if someone posted something before your post and after the last post you have opened and if there is, it will load that/those post/postss and show it/them with some cool blinking effect, and then it will slide down to your post. Or at least something like that, cant remember... :D
    • Valkyries, .Ian, AlexJ and 2 others like this
You mean that we dont need to refresh anymore to check the reply and that is great to hear that. I gave you a rep for this.
Fantastic news :)
Thanks.
Poor Elad :(


Looks great though.
I've been looking forward to AJAX reply and quoting. I'm very pleased that we can look forward to this with the release of 3.2. Great work IPS, thanks for listening to your customers. Eagerly awaiting more blog entries!
    • TomRigg likes this
Looks great. Makes me even more excited for 3.2.
Now that is impressive :thumbsup:

Nice! ;)

How does app handles when someone posts something before you reply? This will be common case in busy topics.

There was a hook that did this(ajaxfy posts thingy), it was working in a way that when you reply, it checks if someone posted something before your post and after the last post you have opened and if there is, it will load that/those post/postss and show it/them with some cool blinking effect, and then it will slide down to your post. Or at least something like that, cant remember... :D



Was going to say the same thing, so this would be very useful if it could be added.

If a new post is made when typing a reply, a message as a link could appear just above saying new posts have been made, then the user can choose to click that link to view the new posts should they wish to, they'd appear via ajax.
Yeah, AJAX is GREAT improvement you have big + for this
Photo
Clickfinity
Feb 10 2011 10:20 AM
If you were a girl, I'd kiss you. But since you're not I'll just give you +1 rep and we'll call it quits at that, eh?!! (w00t)

Looks really good Matt and can't wait to get this into action on CycleChat - my members will love it (well, at least they will once they've stopped moaning about the "change" ... lol).

The cherry on top of the icing that is the ajax replying would be, as previously mentioned, the "since you started typing your reply ... these posts were made" feature. That would be fantastic and is something I've been constantly asked for over the years.

Will the editor be phased-in across all the IP apps or will they be updated to use the new editor when 3.2 comes out?

Cheers,
Shaun :D
Photo
ChrisMooney
Feb 10 2011 10:35 AM
Awesome, looks great!
What about multiquote? Do these work in the same way, ie. everytime you click a quote it will add to the list in the editor?
Ajax preview would be pretty good to have too.
@ CycleChat: Hey, haven't you read that man kisses are cool now?

One thing I just noticed in leaving this comment is that I click in the box and the text editor does open but the cursor is not visible and blinking. That is a bug since I don't know for sure the comment block is working. Not sure if what you are developing is what is in use here but something to look at.
This is great!

Would love to see this AJAX instant update also implemented on the "Recent Topics" hook.

@ CycleChat: Hey, haven't you read that man kisses are cool now?

One thing I just noticed in leaving this comment is that I click in the box and the text editor does open but the cursor is not visible and blinking. That is a bug since I don't know for sure the comment block is working. Not sure if what you are developing is what is in use here but something to look at.


We're still using the old editor. Not quite ready to upgrade here yet ;)
Photo
Hunting insects...
Feb 10 2011 02:01 PM
A substantial improvement. :)
Are there any enhancements made to the way emoticons are handled? Things look good so far though!! :)

October 2014

S M T W T F S
   1234
567891011
12131415161718
19202122 23 2425
262728293031 

Latest Visitors

  • Photo
    badire
    2 minutes ago
  • Photo
    Ohio Riders
    4 minutes ago
  • Photo
    Claudia999
    10 minutes ago
  • Photo
    IT@dwyermail.com
    20 minutes ago
  • Photo
    Jeremy Widbin
    23 minutes ago
  • Photo
    csm
    30 minutes ago
  • Photo
    Thomas.
    32 minutes ago
  • Photo
    Square Wheels
    32 minutes ago
  • Photo
    MGlinski
    37 minutes ago
  • Photo
    estan
    53 minutes ago

Recent Comments

Search My Blog