Introducing redesigned text editor

Hello everyone,

The text editor has been updated and now features a more modern look with updated icons and fewer controls on the surface. It also includes a new Insert GIF button that allows users to search and insert GIFs right from the editor. The button groups are categorized into text formatting, paragraph formatting, insertion, and tools.

Desktop view:
BZ9RTCu.jpg


Mobile view:
72sVNIp.jpg


Text formatting include buttons such as bold, italic, font size, and text color. Clicking on More Options (three dots) reveals font family, strike-through, underline, inline code, and inline spoiler. On the very left, there is the remove formatting button.

PftZ0dm.jpg


The paragraph formatting includes lists, alignment, and paragraph format.

lFNjp2Z.jpg


Insertion include links, images, smilies, GIF, media, and quote. Under more options, there is insert table, insert horizontal line, spoiler, and code buttons.

jPFFQBg.jpg


The tools include undo and redo buttons, toggle BB code, and an option to save or delete drafts.

2UjbniM.jpg


On the mobile view, text formatting displays only Bold and Italic buttons on the surface. Tapping on the three dots displays more buttons, which include font size, text color, font family, strike-through, underline, inline code, and inline spoiler. It also includes lists, alignment, and paragraph format buttons.

7xBWoIb.jpg


On the mobile view, insert link and image buttons are available on the surface. Other tools are under More Options.

uPz6s9L.jpg

On the mobile, the save or delete drafts button is available on the surface, and other buttons are under the More Options, including undo and redo buttons, toggle BB code, and remove formatting button.

nutRArn.jpg


New features


You can now insert GIFs right from the editor. Just click or tap on the GIF button and then select a GIF to add it to the editor. You can also search for GIFs using the search bar. Here's the new Insert GIF feature in action.

x5Ty1pC.gif


The Preview button is now placed on the top-right corner of the editor as a tab. Clicking on Preview disables the editor and shows a preview of the composed message on the editor.

u75nblN.gif


Another new improvement is Quotes. In the previous version, the quoted text is displayed with a quote tag on the editor, but with this new update, it shows the rendered content.

nvFnzre.jpg


You can now add headings by clicking the Paragraph Format button and selecting the heading style.

XSRPveq.jpg
 

Sparker0i

News Columnist
News Columnist
Joined
13 Aug 2017
Messages
3,770
Reaction score
3,508
Doesn't this mean we'll lose access to the old image upload feature?
 

Bapun Raz

Administrator
Staff member
Administrator
Joined
3 Nov 2010
Messages
21,432
Solutions
4
Reaction score
28,905
Top Bottom