Jump to content

HTML Editor

This topic contains 24 posts with an estimated read time of 22 minutes. A summary containing the most significant posts is available with an estimated read time of 5 minutes.
View summary
Square Wheels
Square Wheels
in Classic self-hosted technical help

Featured Replies

Posted

I need to edit the HTML of posts at times, regularly.

I cannot find where to turn this on in the ACP.

Under Customization --> Editor, there is no longer the option to add / remove buttons. At least I don't see it.

Thanks

    •
    • Author
     

    All of that is gone. You can't edit anymore the HTML source directly nor you can set group/area permissions for each single editor button in v5.

    Thanks, this is very disappointing. I'll need to access the database a lot more now. Some of the posts will be a huge pain to edit.

    One thing I liked it for, every now and then I post an iframe embed, now I can't. I'll have to create the post, edit the database, and then it will show.

    IPS, please add this back.

    • Community Expert
     

    Thanks, this is very disappointing. I'll need to access the database a lot more now. Some of the posts will be a huge pain to edit.

    One thing I liked it for, every now and then I post an iframe embed, now I can't. I'll have to create the post, edit the database, and then it will show.

    IPS, please add this back.

    I would absolutely not recommend ever editing the database to make these changes. Not only can you break your site, but you will also likely lose them every time you edit the post.

    The first question you should always ask yourself with these kinds of things is "What is the correct way to do this?" rather than immediately jumping to edit the database, assuming that is the only method.

    If you take a look at 'System->Settings->Posting & Editor->embeds', you will see 'Allow links to be converted to iframes?'. See, if you can achieve what you need to achieve there.

    •
    • Author
     

    I would absolutely not recommend ever editing the database to make these changes. Not only can you break your site, but you will also likely lose them every time you edit the post.

    The first question you should always ask yourself with these kinds of things is "What is the correct way to do this?" rather than immediately jumping to edit the database, assuming that is the only method.

    If you take a look at 'System->Settings->Posting & Editor->embeds', you will see 'Allow links to be converted to iframes?'. See, if you can achieve what you need to achieve there.

    Thank you, that will be helpful for iframes.

    What about when someone copies and pastes something with lots of background color and is unreadable? One of my sites is for lab workers. Some of them are older and not comfortable with computers. They'll past items that I need to clean up the background colors on (just an example).

    Here's an example. I searched for what is HTML, I'd prefer the part in green is not highlighted, can I edit that?

    Thanks

    AI Overview

    Learn more

    Hypertext Markup Language (HTML) is a code that defines the structure and meaning of content on a web page. It's a fundamental building block of the web. 

    How does HTML work?

    • HTML uses markup to structure content like paragraphs, lists, images, and tables 

    • Markup is inserted into a file using special codes, or elements, between the characters < and > 

    • Elements can come in pairs to indicate when to start and stop a display effect 

    • HTML also includes anchor tags that allow users to link pages together 

    Who created HTML? 

    • Physicist Tim Berners-Lee proposed and prototyped a system for CERN researchers to share documents in 1980

    • In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system

    • Berners-Lee and Robert Cailliau collaborated on a joint request for funding in 1990

    HTML versions

    • Early versions of HTML were static, while newer versions are more dynamic 

    • HTML5 is the latest version of the HTML specification 

    Other web technologies

    Other technologies, like CSS and JavaScript, are used to describe a web page's appearance and functionality. 

    • Community Expert
     

    Link no work here !

    The link still works for me. You might have some kind of block for that site/IP. 🙄

     

    Thanks, this is very disappointing. I'll need to access the database a lot more now. Some of the posts will be a huge pain to edit.

    One thing I liked it for, every now and then I post an iframe embed, now I can't. I'll have to create the post, edit the database, and then it will show.

    IPS, please add this back.

    Iframe embeds can still be added. This was actually part of the feedback in the initial alpha testing. 😋

     

    What about when someone copies and pastes something with lots of background color and is unreadable? One of my sites is for lab workers. Some of them are older and not comfortable with computers. They'll past items that I need to clean up the background colors on (just an example).

    Here's an example. I searched for what is HTML, I'd prefer the part in green is not highlighted, can I edit that?

    You can select the text and use the Clear Formatting button in the editor. I just quoted your text and used it in the quote below so you can see the result.

     

    Hypertext Markup Language (HTML) is a code that defines the structure and meaning of content on a web page. It's a fundamental building block of the web. 

    •
    • Author
     

    Could I confirm how you are adding it? You should be using the link button to do this. Check out the video here

    https://invisioncommunity.com/news/invision-community/invision-community-5-editor-permissions-and-custom-embeds-r1303/

    I believe the settings I have are correct.

    I white-listed https://www.w3schools.com

    I tried both this: <iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>

    and this https://www.w3schools.com.

    Neither time did I see the little Globe icon like in the video.

    • Community Expert

    You need to add the iframe allowance in the area mentioned, but then you also need to give yourself permissions on the next tab, as mentioned in the description of that item. Once that is then do, you would add it by adding th link using the link icon, and would then see the globe to embed it. You wont see the globe unless it both fits what you have added as an allowed embed, and you have permissions to embed

    • Author
     

    You need to add the iframe allowance in the area mentioned, but then you also need to give yourself permissions on the next tab, as mentioned in the description of that item. Once that is then do, you would add it by adding th link using the link icon, and would then see the globe to embed it. You wont see the globe unless it both fits what you have added as an allowed embed, and you have permissions to embed

    Here are my editor permissions

    image.png

    Here is what Embeds looks like

    image.png

    Here are the permissions

    image.png

    I'm sure it's user error, please offer more pointers. :)

     

    Here are my editor permissions

    image.png

    Here is what Embeds looks like

    image.png

    Here are the permissions

    image.png

    I'm sure it's user error, please offer more pointers. :)

    That looks correct except you don't need the https:// as that's the protocol and only secure URLs for custom iframes are supported. www.w3schools.com should work fine

    image.png

    image.png

    • Author

    Thanks.

    Adding just the url did not show the globe.

    adding the text and url just embed the link.

    still not sure how to embed an iframe.

    image.png

    • Author
     

    Hmm, ok. I can reproduce the issue in your recording there, but it works if there's an actual link... e.g. if you add text to the text field

    Closer, but it shows up as a white box, not a webpage.

    Well, in the case of W3 Schools, it looks like it cannot be embedded due to the frame ancestors policy they set.

    image.png

    Have you tried using a domain and URL that you have embedded as an iframe elsewhere?

    • Author
     

    Well, in the case of W3 Schools, it looks like it cannot be embedded due to the frame ancestors policy they set.

    image.png

    Have you tried using a domain and URL that you have embedded as an iframe elsewhere?

    I don't know of one off the top of my head.

    Here's a typical post I might embed, it's from facebook.

    <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fjeff.sharrock%2Fposts%2Fpfbid02uidh7PvHb6Etqve15NLeGJLSd5AEysMHJB7oqLjn5E8k24xDAwqnKVJrPDR7uAWcl&show_text=true&width=500" width="500" height="686" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

    If I edit the actual HTML, it posts. If I type in the whole link above, I do not get the globe.

     

    Well, in the case of W3 Schools, it looks like it cannot be embedded due to the frame ancestors policy they set.

    image.png

    Have you tried using a domain and URL that you have embedded as an iframe elsewhere?

    I don't know of one off the top of my head.

    Here's a typical post I might embed, it's from facebook.

    <iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fjeff.sharrock%2Fposts%2Fpfbid02uidh7PvHb6Etqve15NLeGJLSd5AEysMHJB7oqLjn5E8k24xDAwqnKVJrPDR7uAWcl&show_text=true&width=500" width="500" height="686" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

    If I edit the actual HTML, it posts. If I type in the whole link above, I do not get the globe.

     

    If I edit the actual HTML, it posts. If I type in the whole link above, I do not get the globe.

     

    Here is what Embeds looks like

    image.png

    That would be because facebook.com is not whitelisted in the AdminCP "Allowed Domain Patterns" setting. While you're testing and getting used to it, you can just add a domain pattern that is just * to allow any secure URL to become an iframe, however we'd generally recommend people don't for security

    image.png

    • Author

    I added the *, I tried one of my sites, https://www.pathlabtalk.com/forum/, still a white box.

    I think I need to give up for a while. The site runs, it's just not anywhere near what it used to be.

    v5 has been very frustrating. Many things moved for no apparent reason, many things were removed, also for no apparent reason. Apps for v4 won't work, understandably, but now it's really hard trying to find the prior authors to see if they are going to update their apps, some tell me they can't because it's no longer possible, or too hard, in v5.

    This has not been a positive experience.

    Can someone explains with an example how Embed works ? Even with all settings on , I cannot get it to work

    • Community Expert
     

    Can someone explains with an example how Embed works ? Even with all settings on , I cannot get it to work

    Could you show me what you have added? I can then use that example for you

    Go to topic listing