Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Invision Community 5: The all-new editor

This topic contains 189 posts with an estimated read time of 115 minutes. A summary containing the most significant posts is available with an estimated read time of 7 minutes.

Featured Replies

I really love the changes to the Editor and the new schema revision in order to sanitize all the "pasted" content from other sites. Many times, people paste content from "dark mode" and text background is attached.

However, as many other community admins, would feel weird if we cannot edit the source code.

I usually add Tables to my content and as I have attached a .js to the community, with a special class, I make them sortable.

Any chances to add Tables in this editor?

  • 2 weeks later...
  • Replies 188
  • Views 31.5k
  • Created
  • Last Reply

Top Posters In This Topic

Most Popular Posts

  • Dreadknux
    Dreadknux

    It's really not, to be honest. Seriously, this weird "unmarked white space that exists but doesn't really unless you click it" idea is a nonsense - both in usability terms and in WYSIWYG standards. If

  • Yes. Custom emojis are still available. But only for you, no one else. 

  • Kirill Gromov
    Kirill Gromov

    For example, I add a class to an embedded YouTube video to center it. The embedded block does not respond to the centering buttons from editor.

Posted Images

  • Management
On 5/26/2024 at 10:35 AM, Ibai said:

I really love the changes to the Editor and the new schema revision in order to sanitize all the "pasted" content from other sites. Many times, people paste content from "dark mode" and text background is attached.

However, as many other community admins, would feel weird if we cannot edit the source code.

I usually add Tables to my content and as I have attached a .js to the community, with a special class, I make them sortable.

Any chances to add Tables in this editor?

Tables are on the roadmap. Perhaps not for v5.0 but we want to support them.

On 5/20/2024 at 10:24 AM, Matt said:

Keep those reasons for using source mode coming.

Hi @Matt

Off the top of my head, for one site (link) I used Source mode HTML editing in the AdminCP with Pages Blocks.

I wanted to create some Custom Blocks that I can quickly add on the first of each month to my Pages home page, with monthly gardening tips. Each black has an image and a link to a Calendar Event.

 

Could contain: Flower, Plant, Petal, Rose, Advertisement

 

Simply embedding a calendar event link wasn't the best option, for a few reasons, they always show the original event creation date for example:-

 

Could contain: File, Webpage, Flower, Plant, Petal, Page, Text

On 5/15/2024 at 12:34 PM, Matt Finger said:

Sticky Toolbar

Anyone who has authored a long piece of content knows the pain of scrolling up and down to get the toolbar in view. To make writing longer content less stressful, we've made the toolbar sticky so that it will always be fixed at the top of the editor after scrolling down.

Yes! Thank you. Editing a Terms of Use policy, Community Rules or Privacy Policy in the AdminCP is a pain without this, especially when using an iPad!

Re: Tables, I never had any issue with them in CKEditor4. There is a great plugin available for tables by the CKEditor creators. https://ckeditor.com/cke4/addons/search/plugins/table

Also a plug in for semantic headings h1, h2, h3 etc.

Question: Is there a way to change the UI toolbar colour in the new editor to match custom theme?

Many thanks.

  • Author
2 hours ago, The Old Man said:

I wanted to create some Custom Blocks that I can quickly add on the first of each month to my Pages home page, with monthly gardening tips. Each black has an image and a link to a Calendar Event.

 

Could contain: Flower, Plant, Petal, Rose, Advertisement

That will be possible without source mode using editor content boxes and the new page builder, stay tuned as we are wrapping that up soon; it'd take some custom CSS to get the button and heading exactly the same, but nothing crazy. There will also be custom HTML blocks still so you can use custom HTML in those areas for cases where an editor plugin is overkill.

 

2 hours ago, The Old Man said:

Question: Is there a way to change the UI toolbar colour in the new editor to match custom theme?

No, but thanks to the theme magic of relative colors, you shouldn't need to. It will use the same background as the wrapping container.

Thank you much appreciated. Will keep an eye out for those updates and announcements.

🙂

  • 10 months later...
Apologies for digging up this thread.
Having read through all the responses, there are fully one third dealing with html/source abilities with the Editor. As such, it would seem that there is a pretty significant demand by admins for this ability. Count me among those who would love to have that ability in v5.

I don't use it to a great extent but it is important to me (and others it would seem) that I retain certain abilities to tailor content on sites.

There are just so many things that can be done that you can't include in a standard enhanced editor.
On 5/17/2024 at 6:47 AM, Matt said:
Source mode isn't possible in v5 due to how modern editors manage text. It's not like the old days where it markup was thrown around it and called it good.

Has this qualifier changed? I ask because there is a dev who has created the ability to utilize html in the editor.

Thank you for your time.

Edited by My Sharona

  • Management
It's just not possible due to how the editor sees everything as nodes.

The only way around it would be to effectively launch a text box and use that, but it would mean you would have to use a text box for future edits forever because the moment you turn load that content in the normal editor, it would remove everything it didn't have a node for breaking the content.
That's not a great experience imo.
On 5/21/2024 at 9:27 AM, Matt Finger said:
Not to contradict Marc, but there will be a global Table of Contents widget for which you can apply anchors to headings and box titles (stay tuned for more page builder updates 🙂)

Is there documentation somewhere on how to get this to work? Perhaps I am having a blonde moment when it comes to this but, I have tried placing it upon a page but it doesn't show. I want to get a feel for how it works. Is this supposed to be the solution for anchor links? Outside of the page it links to?

This is what the block says:
You must exit the Page Editor to customize the Table Of Contents entries. A page with no Table of Contents entries will cause this widget to be hidden.

Elements in the page such as Headings, short Paragraphs and Content Box Titles can be added to the table and will have a menu available on hover. A default collection of Table of Contents entries will be generated from Headings on the page.

35 minutes ago, Matt said:
It's just not possible due to how the editor sees everything as nodes.

The only way around it would be to effectively launch a text box and use that, but it would mean you would have to use a text box for future edits forever because the moment you turn load that content in the normal editor, it would remove everything it didn't have a node for breaking the content.
That's not a great experience imo.

To be fair, I have not obtained the APP but there does seem to be a fair number who have downloaded it.

25 minutes ago, My Sharona said:
Is there documentation somewhere on how to get this to work?

You just drag it onto the page. It will try to create a TOC listing automatically and then you can edit the entries once you see them.

Most of the times I tried it, the initial scan just doesn’t work. The loading icon just keeps spinning forever.
Bildschirmfoto 2025-04-10 um 19.12.01.png
1 minute ago, opentype said:
You just drag it onto the page. It will try to create a TOC listing automatically and then you can edit the entries once you see them.
Most of the times I tried it, the initial scan just doesn’t work. The loading icon just keeps spinning forever.
Bildschirmfoto 2025-04-10 um 19.12.01.png

Right. When I exit the Page Editor, the block doesn't show. Refreshing the page doesn't help. I go back into the Page Editor and all I see is the loading icon just spinning.

Thanks.

Edited by My Sharona

  • Author
1 minute ago, opentype said:
Most of the times I tried it, the initial scan just doesn’t work. The loading icon just keeps spinning forever.

I'll create a bug for this. Just to be clear, by "initial scan", do you mean right after exiting the page editor or every time the page initially loads?

  • 2 weeks later...

That is terrible. :)

Black text on a dark blue background, how am I supposed to read that? (Safari Version 18.4).

Screenshot 2025-04-21 at 12.54.29.png

12 hours ago, riko said:

That is terrible. :)

Black text on a dark blue background, how am I supposed to read that? (Safari Version 18.4).

Screenshot 2025-04-21 at 12.54.29.png

Switch to light version? Lol 🤣 I had to as well because of the text color. Chrome on iPadOS.

19 hours ago, riko said:

That is terrible. :)

Black text on a dark blue background, how am I supposed to read that? (Safari Version 18.4).

Screenshot 2025-04-21 at 12.54.29.png

7 hours ago, Nuclear General said:

Switch to light version? Lol 🤣 I had to as well because of the text color. Chrome on iPadOS.

Or even better, just go to the blog itself :) Its probably a formatting error from what will have been a very early version of 5.

  • Author
On 4/21/2025 at 5:56 AM, riko said:

That is terrible. :)

Black text on a dark blue background, how am I supposed to read that? (Safari Version 18.4).

Screenshot 2025-04-21 at 12.54.29.png

This is actually because the font colors from CKEditor4/IC4 have been preserved. Looks like the original blog post was edited to fix it but for some reason this topic wasn't updated in the process.

I shall log an issue for this so that we can address further.

  • 3 weeks later...
  • Anker links, already reported by someone.

  • Tabels with autosizing/ reordering for mobile devices. Like you have a table with 3 collom where there are 3pictures next each other, and on mobile there under eachother. And more table tricks that makes it beter to view on mobile.

  • Adjusting an inserted javascript that only have to work on that one page.

  • Inserting details/summary html code, that is normally hidden on a page, but with a click on the button, show in view. This way you can hide additional info to read on a page, what is normally hidden, so users can continue to read on the page, and only when that person is intressed in that additional information he clicks it open.

  • Ability To add text to a div / class, that shows up as hoverover tooltip info.

Edited by Moestuin

On 5/17/2024 at 5:53 AM, Matt said:

As above, source mode has been removed. Modern editors (all of them) manage markup differently. If you added something the editor couldn't handle via HTML, then it would just remove the unsupported code when you hit edit.

Source mode was added back when we had BBCode and it was.. less than perfect in how it handled it, so it allowed admins to go in and edit it to fix it. Likewise, CKEditor was such a pain to write plugins for, it was easier to just say "oh, use source mode to add stuff". Tiptap is much easier to develop for.

What do you use source mode for?

A lot of other users already said the same but the source mode is also very useful for my community as well. We post patch notes and use a GPT to format them nicely into our HTML/CSS templates. Is source mode coming back or probably not?

  • Management
9 minutes ago, H5K said:

A lot of other users already said the same but the source mode is also very useful for my community as well. We post patch notes and use a GPT to format them nicely into our HTML/CSS templates. Is source mode coming back or probably not?

Unfortunately not. The only way to do it would be to essentially have a text area where you manually type in your entire post but then what happens if a user who doesn't have admin permission to edit it? The post will end up being almost entirely stripped as Tiptap doesn't understand it.

You wouldn't be able to toggle between a HTML post and a normal editor.

Can you tell me more about your specific need?

13 minutes ago, Matt said:

Unfortunately not. The only way to do it would be to essentially have a text area where you manually type in your entire post but then what happens if a user who doesn't have admin permission to edit it? The post will end up being almost entirely stripped as Tiptap doesn't understand it.

You wouldn't be able to toggle between a HTML post and a normal editor.

Can you tell me more about your specific need?

Sure, I'll send you a DM with a link containing some examples.

17 minutes ago, Matt said:

The only way to do it would be to essentially have a text area where you manually type in your entire post but then what happens if a user who doesn't have admin permission to edit it?

I would be ok with that, for some pages to be locked and not be edited by users, and only admins could edit those post with html code.
That also gives admin the oppertunity to migrate there pages, and pages that could not be migrated are admin edit only.
That would at least solve most of my issues.
Then new pages should be only made with the current editor capabilities.

Edited by Moestuin

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.