Jump to content
View in the app

A better way to browse. Learn more.

Learn more

Invision Community 5: The all-new editor

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

Featured Replies

19 minutes ago, Como said:

Would that include quoted content which has had its HTML modified (by the third-party app or otherwise)?

Since you cant modify it internally it can only have been from a 3rd party. Therefore you would need to ask the author of that item that question really

  • Replies 234
  • Views 45.8k
  • 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

43 minutes ago, Marc said:

Since you cant modify it internally it can only have been from a 3rd party. Therefore you would need to ask the author of that item that question really

Hi @Marc. Maybe I was unclear. Or maybe I misunderstand.

13 hours ago, Matt said:

tl;dr modern editors can't do (tiptap, CKEditor 5, etc) due to treating HTML not as a string but as a node tree. We sanitise heavily and whitelist what can be retained to prevent bad actors breaking topics, etc so while you can save HTML with whatever you want in it in theory, you could never load it in an editor again without it stripping everything it isn't allowed to recognise.

Does the above mean that if use the third-party app to edit the HTML within a post, when that HTML-edited post is quoted, it will be sanitised and potentially/probably stripped of that added HTML?

Edited by Como

27 minutes ago, Como said:

Hi @Marc. Maybe I was unclear. Or maybe I misunderstand.

Does the above mean that if use the third-party app to edit the HTML within a post, when that HTML-edited post is quoted, it will be sanitised and potentially/probably stripped of that added HTML?

The default platform will do that, if its stored in the same manner as a normal post. But without knowing the internals of how that 3rd party item allowing for this function works, its impossible for me to say

  • Author
14 hours ago, Como said:

Hi @Marc. Maybe I was unclear. Or maybe I misunderstand.

Does the above mean that if use the third-party app to edit the HTML within a post, when that HTML-edited post is quoted, it will be sanitised and potentially/probably stripped of that added HTML?

So, long story short, if the custom HTML format is a result of a valid Invision Community 5 Editor Extension, then yes quotes can contain any content that can be created with the editor outside a quote.

However, if the custom HTML is a result of a ckeditor4 plugin or direct source editing, then yes pretty much all custom formatting beyond basic bold, headings, italics, etc will be lost. (Hence why it's not recommended to edit source directly in v5)

6 hours ago, Matt Finger said:

So, long story short, if the custom HTML format is a result of a valid Invision Community 5 Editor Extension, then yes quotes can contain any content that can be created with the editor outside a quote.

However, if the custom HTML is a result of a ckeditor4 plugin or direct source editing, then yes pretty much all custom formatting beyond basic bold, headings, italics, etc will be lost. (Hence why it's not recommended to edit source directly in v5)

Yeah. That's what I thought is the potential problem with the third-party app. I know, not definitive, but it potentially will make it problematic to use it in most forum situations, where content likely will be quoted and end up malformed. Maybe someone who uses it will comment.

Thank you Matt.

Hi @sobrenome,

Marc said it best on another topic.

43 minutes ago, Marc said:

There is no way in which to use HTML on the system in version 5, including in this area

Is it planned to be available in the future?

25 minutes ago, sobrenome said:

Is it planned to be available in the future?

There are no plans in which to allow HTML editing in future releases of the software.

6 minutes ago, Alex Duffy said:

How can we add some of the extensions for Tiptap on the cloud?
I need this Table of Contents for our documents.
https://tiptap.dev/docs/editor/extensions/functionality/table-of-contents

Matt did a post here which discusses how to extend the editor, that you may find helpful
https://invisioncommunity.com/forums/topic/480617-ic-5-editor-extension-javascript-framework/

  • 3 months later...

Does this React based feature mean it’s vulnerable to the React CVE that scored a perfect 10?

  • Author
56 minutes ago, Chris027 said:

Does this React based feature mean it’s vulnerable to the React CVE that scored a perfect 10?

If you're referring to the React Server Components CVE, then no since it only uses a react front end.

  • 7 months later...

In the previous editor I was able to drop in an embed code for videos.

Now, the drop down is now ONLY adjusting to paragraph, H1, etc.

HOW do I embed a video? I have the embed code.... I don't upload these videos directly to the community area. I use an outside source for hosting them.

What is the work around? I have tried the other 'blocks' but they just post the code direct and don't show the video.

Ugh. Please help. What do I do for this?

1 hour ago, Rebecca Jorgensen said:

In the previous editor I was able to drop in an embed code for videos.

Now, the drop down is now ONLY adjusting to paragraph, H1, etc.

HOW do I embed a video? I have the embed code.... I don't upload these videos directly to the community area. I use an outside source for hosting them.

What is the work around? I have tried the other 'blocks' but they just post the code direct and don't show the video.

Ugh. Please help. What do I do for this?

They made things really convoluted for this. It used to be really simple.

1 hour ago, Rebecca Jorgensen said:

In the previous editor I was able to drop in an embed code for videos.

Now, the drop down is now ONLY adjusting to paragraph, H1, etc.

HOW do I embed a video? I have the embed code.... I don't upload these videos directly to the community area. I use an outside source for hosting them.

What is the work around? I have tried the other 'blocks' but they just post the code direct and don't show the video.

Ugh. Please help. What do I do for this?

You can try something like this with the Raw HTML Block

<div class="CLASS_NAME">
  <iframe
    src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
    title="YouTube video player"
    loading="lazy"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen>
  </iframe>
</div>

<style>
.CLASS_NAME {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
}

.CLASS_NAME iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
</style>
1 minute ago, My Sharona said:

You can try something like this with the Raw HTML Block

<div class="CLASS_NAME"><iframe
    src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
    title="YouTube video player"
    loading="lazy"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen></iframe></div>

<style>.CLASS_NAME {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 20px auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 10px;
}

.CLASS_NAME iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
</style>

You can try something like this with the Raw HTML Block - where is this block? I see the code block... but it's just like what you used for the code itself and it doesn't actually show the iframe. if that makes sense.

11 minutes ago, Rebecca Jorgensen said:

You can try something like this with the Raw HTML Block - where is this block? I see the code block... but it's just like what you used for the code itself and it doesn't actually show the iframe. if that makes sense.

Theme Editor in the drop down under your User ID.

Edited by My Sharona

10 minutes ago, My Sharona said:

Theme Editor in the drop down under your User ID.

My Bad, Page Editor.

You can’t use raw html anymore. Even if you put it in a block, you can’t embed the block in any content area. 🤷🏼‍♂️

2 hours ago, Chris027 said:

You can’t use raw html anymore. Even if you put it in a block, you can’t embed the block in any content area. 🤷🏼‍♂️

ugh. how cheesy is this going to be for me? I have to drop an image that is linked to another page that can house the video. ugh. Not very user friendly.

My videos are for the steps for sewing the quilt block with the pdf download underneath. yikes. My members are going to have a little bit of confusion on this - they will end up on a blank page with the video and not sure how to get back. demographics is 60+ quilting woman. lol

2 hours ago, My Sharona said:

My Bad, Page Editor.

that is a workaround - however whatever you drop in there will show up on ALL the article pages. Not just the one that you added it to. So this won't work at all.

This is what I found - it still doesn't actually embed the code in an iframe. It just shows a preview (similar to making my own image) and then when you click it, it takes you to a new page to watch the video.

I use Bunny. net for hosting the video. So this is the instructions that I followed.

Screenshot 2026-07-23 224128.png
https://player.mediadelivery.net/embed/65654/bae2c6d3-bf81-4b6a-b548-ac54cb41b099?autoplay=false&loop=false&muted=true&preload=true&responsive=true

For your Bunny/MediaDelivery video, here is what I would do.

1. Whitelist MediaDelivery

In your Invision AdminCP go to:

System → Posting & Editor → Embeds

Look for the area where you can allow/whitelist domains for iframe embeds.

Add:

player.mediadelivery.net

Invision specifically requires iframe domains to be whitelisted before the visual editor will let you embed them.

Also make sure your administrator/member group has these permissions enabled:

Can Embed External Content
Can Convert Links to iframes

Those are the two permissions Invision created for this exact situation.

I'm in another community where they use IC as well - and they have their videos embedded. Does anyone have a way to do this? Does this need to be coded? Or a customization that needs to happen?

I was thinking I could make the layout in forums - instead of articles. But it uses the SAME editor with again, no html code editor ability.

Edited by Rebecca Jorgensen

apparently I can pay for something additional to get iframes to work again. https://iframely.com/

you can add it under integrations, enable iframely.

19 minutes ago, Rebecca Jorgensen said:

apparently I can pay for something additional to get iframes to work again. https://iframely.com/

you can add it under integrations, enable iframely.

Yes, you can pay more to get less features with IC Cloud.

After moving my site I now have to pay for a third party Elasticsearch server, a third party email service, and get overall worse performance of the main cloud site. All for several hundred dollars more per month.

Recently Browsing 0

  • No registered users viewing this page.

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.