Jump to content
Matt
 Share


IP.Board 3.2.0 Dev Update: Editor Updates

Long before we threw the doors open to our IP.Board 3.2.0 preview board, we blogged about our new text editor. We reasoned that maintaining our own in-house post editor was becoming more time intensive due to the speed at which new versions of all the popular browsers are released. We chose CKEditor in the end because it's a very popular and capable editor that allows one to extend the core code.

We had a lot of compliments on the new functionality of our editor but most were put off by its look. We agreed that the default skin is a little ugly and not really suitable for a professional application like IP.Board so we took an afternoon to skin it to fit in better.

We're pleased with the end result. In a very short space of time, we were able to match it to the current editor which will give you and your members that familiar IP.Board feel.

Not only were we able to easily match the current IP.Board editor look and feel, but we made it easily skinnable via the normal Admin CP interface so skinners won't have to settle for the default look in their skins. After all, if you have a dark or strongly colored skin, you're not going to want to settle for the mundane grey default CKEditor skin.

Here's a few screen shots of our CKEditor implementation:





It's also worth noting that the CKEditor is 'hidden' in the fast reply area so that it when you're ready to make your post, a simple click into the area expands the textarea into a fully operational editor without it grabbing focus on the initial load.



We hope you've enjoyed this blog entry and we're thrilled to be able to make improvements based on your feedback so far. Keep an eye on this blog for some further entries about other tweaks and improvements!

 Share

Comments

Recommended Comments



I have to ask, because I saw that the bug report I submitted was marked as fixed, but does each skin have it's own editor style?

More importantly, does the adminCP now have it's own editor skin, or does it still inherit the default skin editor?

Previously, if I had editor icons designed for a dark skin as default, the adminCP used those icons (which meant I couldn't really see them).

Anyway, keep up the awesome work! :)

Link to comment
Share on other sites

[quote name='Charles' timestamp='1304954947']
Grame: Yes, as Matt said, the skinning of editor works in AdminCP like any other skin so you can have different editor styles per-skin :)


Sounds good. Wasn't sure from reading the entry if adminCP had it's own styled editor. Cheers for confirming :).

Link to comment
Share on other sites

what about emoticons? Do we still need to click the emoticons button every time we want to insert one? It's really annoying to do so. Maybe a sidebar would be better like it currently is?

Link to comment
Share on other sites

This is a much better look, good work!
I must say though that I was hoping for an option to NOT expand the editor upon clicking in the quick reply textarea and simply be able to write in plain text in the textarea.

I mean, most of my comments don't require an editor since I'm writing simple and plain text. And those BBcodes I am using I already know in my head so for me, an editor is just overflow. And tbh, the load time was like 1 second which on a computer is fairly slow. Don't know the loadtime of the newly updated editor since the 3.2 preview but still it would be nice with the option to "toggle" the editor from a user-to-user basis so each user can set if they want the editor to auto-load on-click or not-load on-click and then have a button in the corner where they can manually toggle the editor so even if they have not-load on-click they can still toggle the editor if they need something from there.

Long comment :P Hopefully you will read it anyway!

Link to comment
Share on other sites

As you're focusing a lot on usability with these upgrades, why not have it so when the user clicks the URL icon, it simply inserts the url bbcode straight into the editor with the cursor already placed between the two tags?

That will then eliminate a pointless popup.

Just a suggestion :)

Link to comment
Share on other sites

[quote name='Charles' timestamp='1304954947']
Grame: Yes, as Matt said, the skinning of editor works in AdminCP like any other skin so you can have different editor styles per-skin :)



I think I'm in love.

Link to comment
Share on other sites

Yer +1

I thought the whole idea of clicking "Reply" instead of the quick reply was to get access to more editing functions.

OR

Have the option to turn this off in the ACP??.

As far as the editor itself goes, it looks much better :)

Paul

Link to comment
Share on other sites

[quote name='Enkidu' timestamp='1304957258']
what about emoticons? Do we still need to click the emoticons button every time we want to insert one? It's really annoying to do so. Maybe a sidebar would be better like it currently is?


I strongly agree with this. When the first 3.2 preview was shown a few days ago and we all went to give our feedback, there was a thread about this very subject and it got many replies asking to please bring back the emoticons on the right side of the editor like we have it now since the popup was pretty annoying to use and only allowed us to insert one emoticon at a time and was time consuming. So my vote still remains to please give us the option of having the emoticons on the right side of the editor.

Link to comment
Share on other sites

I disagree with you having the quick reply editor be so full of stuff. It's quick reply and then I simply don't want a the editor to take up a lot of space, even though it's only when writing. Personally I would actually prefer there not to be any options in the quick reply since I prefer to write the bbkodes manually anyway.

Link to comment
Share on other sites




Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...