New WYSIWYG Editor

[stoppingby4now]

Several weeks in the making, we now have a new WYSIWYG editor.

 

The inital load time as javascript is downloaded to your computer will be a few seconds, but response times will increase afterword. So if you don't see the editor right away, just give it a few seconds.

 

I made as much of an effort as I could to ensure cross browser compatibility, but there are a few minor quirks related specifically to IE. Some can't be worked around, others I just haven't found a way to yet. But none of the minor issues should affect functionality.

 

A few noteable features:

• Autogrow - The editor will automatically grow as you type up to a maximum of 500px.
• Maximize - The maximimize button is located just to the right of the Source button which expands the editing area to fill the browser viewport.
• Full WYSIWYG support for code and php blocks.
• Image insertion will be limited initially to 200px in width to help keep the post manageable for large images. After submitting, they will still be picked up by the gallery.
• Inserting a video will add a small fake object with an icon representing the type of video you have inserted.
• Double clicking on a link, image, or video object will open the appropriate dialog window allowing you to change values as needed.
• Smilies do not appear on the left hand side while the editor is activated. All smilies configured within the system are available via the smiley button in the toolbar.
• Clicking the save button in the toolbar is the same as clicking the Post Thread button.

If you come across any bugs or problems while using the editor, please reply to this thread and provide as much detail as you can so I can more reliably track down the culprit.

 

Thanks, and enjoy a hopefully more pleasant posting experience.

[Farlo]

Woo! looks good, thanks for all your hard work :)

[Bealdwine]

Ditto :D

[frihyland]

Now to take this baby out for a spin!

[Farlo]

Not sure if bug or I can't use text editors:

 

If I go to quote someone who quoted someone else, I can't figure out how to remove my "quotie's" quote without manually doing it through the source editor. I hope this makes sense, but basically: hitting backspace over a quote inside a quote just pushes it to the top and I can't figure out how to remove it inside the WYSIWYG mode.

[stoppingby4now]

This is a little more tricky compared to most other formatting due to the fact that quote html structure with author information are maintained and thus more complex (in the editors eyes).

 

The easiest way to remove a quote from inside another quote is to select the quote contents you want to remove (do not select the Wrote line). Then hit delete which will remove the text and leave you with an empty quote from the author. Then either hitting Backspace or Delete from inside the quote will finally remove the block.

[ivactheseeker]

How do you add a "spoiler" tab with the new editor?

[stoppingby4now]

Currently you have to type the tags themselves around what you want to include in it. I'll be looking into making a plugin to add this, but I need to work through the current bug and functionality fixes first.

[ivactheseeker]

ok, thanks

[stoppingby4now]

A few fixes were applied for the editor.

 

Among them is Quick Reply support. It is disabled for all users by default, but if you want to enable the editor for Quick Reply, select USER PROFILE from your user menu on the top bar.

 

Then on the left hand side under the Your Profile group, select Edit Options. When the page updates, look under the Thread View Options group to the right, and there is a new checkbox titled "Enable WYSIWYG editor for quick reply?". Check the checkbox, then click the Update Options button.

[stoppingby4now]

Applied an update to the plugin which meant uninstalling and installing it again. So if you had the editor enabled for Quick Reply, the setting was lost and you will have to set it again.

[Opukad]

Could you share the CKEditor for MyBB users?

The account has the plugin https://github.com/kodene/MyBB_CKEditor editor but has the option "Text Color"

[stoppingby4now]

If you click on the Download tab on the github page, there are BETA archives that you can download.

[stoppingby4now]

Kept putting it off, but I finally fixed the use of the editor in PM's so that you don't get the annoying "pid=undefined dateline=undefined" text in quotes, as well as if using quotes manually to insert text from an external source.

[z929669]

Nice work. This is a bonus indeed.

 

Still have to request that the URL field comes into focus when posting images. This works great with links, but for images, I always need to click in the URL box before I past in my link. Nitpick, yes.