Jump to content

Rich N

Clients
  • Posts

    61
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Rich N reacted to Matt Finger in Invision Community 5: The all-new editor   
    Invision Community 5 has a brand new editing experience powered by a lightweight, fast React text editor built for mobile and modern browsers.
    The venerable CKEditor v4 at the core of our current editor is starting to show its age, so we wanted a clean slate with Invision Community v5 with an editor that was optimized for mobile use, easily extensible and had a feature set that would take us into the next era of Invision Community and beyond.
    The obvious choice was to consider the latest version of CKEditor, but it didn't fit our needs as it wasn't easily extensible, external plug-ins would no longer be possible, and its large footprint would affect page speed scores and be painful to use with a mobile connection.
    After a long search, we settled on Tiptap as the base for our editor. Written in React, loaded in chunks when needed for optimal performance and with many APIs and extensibility options, it was the perfect fit.

    Aside from the technical improvements, the editor offers new tools and a great base for writing our own plugins. I'll walk you through the main features throughout this blog. If you want a more technical deep dive, then please see my development blog.
    The Toolbar
    The toolbar has been redesigned to put the most commonly used styles first, with the least used styles and functions into an ellipses menu. The new paragraph menu contains the header styles, as well as the code block. The plus menu adds lists, boxes and quotes. The benefit of this new compact menu is that it displays just the same on mobile. Currently, there are different editor styles for desktops, tablets and mobiles with some style buttons removed to save space. With Invision Community 5, this is no longer the case. Even the smallest display gets all the functionality.
    mobile-toolbar.mp4
     
     
    Emojis & Icons
    Emojis have become a great way to embellish writing and express emotion. The new emoji picker has been modernized with larger emojis and tooltips to showcase the emoji shortcodes.
    The Icons tab, new for Invision Community 5, allows you to add Font Awesome Icons directly to your content.

    Lastly, both the emoji selector and the shortcode suggestion dropdown support arrow-key navigation, so you don't have to move your hands from the keyboard to the mouse.
    Content Boxes
    The feature I'm personally most excited about is boxes.
    The concept started as an abstraction of spoilers because sometimes you just want "a box" - a section that stands out from the rest of the content, something we do manually in our documentation and guides on this site. Each box has a tile and the following options:
    Expandable - You can mark a box as "expandable" which is functionally the same as a spoiler. One improvement is that expandable boxes use native HTML details and summary elements instead of plain Javascript animated divs. Colors - You can optionally keep it grey on grey like spoilers, but I think that's so boring! The colors automatically adjust to the theme colors, so it will look great in dark and light mode. Float (left/right/none) - You can make the box align to the left or right of other content just like you can for images Width - When the box is floated, you can set the width to big, medium or small. Boxes.mp4
    Link Expansion
    Invision Community has long expanded some links, such as YouTube, offering more context or even a mini-player where appropriate.
    With Invision Community 5, we've added support for embedding dynamic link previews using site metadata. This is a preview of a topic on our forum.

    For those unaware, the Open Graph (OG) Protocol is essentially a way webpages can specify a title, image, and description to be dynamically embedded on another platform. This is the underlying technology when you see the link preview in Meta, X, Slack, or iMessage.
    Code Blocks and Inline Code
    The new editor adds inline, syntax-highlighted code blocks and inline code. Both formats can be applied via the toolbar, or optionally, you can wrap text in a single backtick (`) to convert it to an inline code block or triple backticks (```) to convert it to a code block.

    The code blocks also support numerous languages for syntax highlighting, including a new custom highlighter for the Invision HTML Template Syntax (Invision Community theme creators and application developers, you're welcome!)
    Semantic Headings and Relative Sizes
    Invision Community 5 adds a block selector with headings 1 through 6 in the new editor. It's possibly the most common request I hear so that people can use consistent styling rather than just big bold text in a paragraph tag. Semantic headings are also ideal for SEO and accessibility.
    In addition to the block selector, you can create headings with the corresponding markdown shortcut. Consecutive pound signs (#) at the start of a line followed by a space (the number of pounds corresponds to the "level" of the heading). For example ### creates a Heading 3 (<h3/>) creates the heading for you.
    Using clear header tags means screen readers and search engines can better understand your content as using absolute font sizes, such as 16px, can make it unclear what type of element is actually being used. Is it a heading or just a paragraph with large bold text?
    Furthermore, you may want different sizes depending on the content and device type. Mobile devices may benefit from a large base font size. So we added percent-based font sizes which change the font size based on whatever the default would be for that block.
    text-menus.mp4
    Further UX Improvements
    The new editor in Invision Community 5 has several tangible improvements, including a mobile-first design.
    In the current editor, some functionality was hidden behind modals and double clicks, which are either not obvious on mobile devices or not possible at all. The new editor no longer relies on modals and instead uses buttons and dropdown menus that work perfectly with mobile and other touch-based devices.
    New Line Arrows
    For block content, such as boxes, images and quotes, we've added the ability to create a new line before or after the block with the click of a button. This was an issue of frustration for mobile and touch devices where it was not always clear where the cursor was and a finger is a much less accurate aiming device!

    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.
    sticky-toolbar.mp4
    Markdown Style Shortcuts
    One common request is to support markdown in the editor. While we opted not to include full markdown support, the new editor recognizes many markdown-style formatting shortcuts.
    markdown.mp4
    Colors
    A common challenge with rich text editors on sites with multiple themes is colors often need to consistently look right across all themes. This is even more important with Invision Community 5, as it has a native dark mode feature. For this reason, we opted to offer a reduced set of color options that all adapt dynamically to the theme. I mentioned this about box colors above, but this is also true of the font color. The difference in shade is slight, but it's very noticeable without it. Toggling between light and dark mode will never produce unreadable text.
    colors.mp4
    We can't wait for you to try the new editor; it has already been very popular with our small testing group. Which feature are you most looking forward to trying?

    View full blog entry
  2. Like
    Rich N reacted to Jim M in Mark forum as read option missing   
    Correct. That is not in Combine Fluid View.
  3. Like
    Rich N got a reaction from Maxim Moroz in User Post Missing...   
    Just took site online, everything seems to be running good. 
    Had a issue with 2 users trying to sign up, not sure if user error or not.. Like I said 2 out of 140ish in a day. I'll let this one go. 
    the one that bothers me is a member posted a image and text as a new comment, the article author replied. Those 2 post seem to be missing. They are not in the database that I could or on Moderation log. Just gone. 
    The members post count seems right for what is visible. 
    A moderator seems to remember the reply as well, other wise I would be questioning he really replied. 
    Any ideas where to start on this, bit worried of more events like this. 
     
    Thanks,
    Rich
     
  4. Haha
    Rich N got a reaction from Robert Angle in User Post Missing...   
    the mystery has been solved... as suspected by evidence it was never there, haha. The user posted on another forum in reply to the same user. 🤪
    Does not help explain the new user getting a email when the member record was not actually in the system thou.. but im going to overlook that unless I get another. 
    Other than that new spin up is working well. We did have a member try to process payment 2x (stripe) for an order, Just went to spinning gif and stuck, it it did hit Stripe API log for Payment Methods but never got to Intents. Nothing in Invision. Hoping it's his connection, see when he tries later. 🤷‍♂️
    thanks.. 
  5. Like
    Rich N got a reaction from Jim M in User Post Missing...   
    hosting is where my roads have left me.. all good. 
     
  6. Like
    Rich N reacted to Jim M in User Post Missing...   
    Not sure what you mean by "never got to Intents" was that meant to read as Invision? If it never made it's way back to your community, it could be your firewall blocked Stripe's webhook request or the webhook is invalid. The log should be in Stripe if that's the case.
    Glad to hear you were able to resolve that!
    Unfortunately, the only possibilities are:
    The user was deleted after the email was sent. The user changed their email/display name after email was sent. A backup was restored after email was sent which the user does not exist.
  7. Like
    Rich N reacted to Jim M in User Post Missing...   
    If you're seeing this, it is likely that happened to the user but that would be something your hosting provider would need to investigate.
  8. Like
    Rich N reacted to Marc Stridgen in Stripe Payment method Question   
    Glad to hear you have that resolved  🙂 
  9. Like
    Rich N reacted to Matt in Invision Community 5: Topic Summaries   
    Whether you have hours to browse a community or are short on time, scrolling through a very long topic can be more than a little frustrating when you want to follow the topic's core journey.
    Recently, we discussed another feature designed to help support-based communities find helpful answers quickly, but what about social topics that do not have a simple question-and-answer format?
    We've all come to a lengthy topic for the first time and found it a little intimidating to find the most relevant content among hundreds of posts, which don't always further the topic. These off-topic posts are important because they help social cohesion and build relationships between members at the time of posting. Still, those visiting later often want the truth of the topic.
    Invision Community 5 brings a topic summary feature designed to make the most of your time.

    The topic summary is generated by an algorithm that uses many touch points such as average read times, reactions, number of shares, external linking and more to determine how useful a post is via a numeric ranking.
    The summary shows an estimated read time of the entire topic and an estimated read time using the summary, which gives your members a good idea of the time they'll save.
    A shorter read time will make longer topics more accessible to a greater audience.

    Adjusting the summary
    We believe that algorithms should be used to support human decisions but not override them. Those with permission can add posts from the summary if they feel they are more relevant. Likewise, posts can be removed if you think they are irrelevant.

    Interactions with Helpful Posts
    Invision Community supports a broad range of communities, including support-based and social communities. We are improving our toolset to help both.
    You can have helpful post-voting enabled as well as topic summaries enabled. When this is the case, the topic summary will show until the helpful post-voting meets a threshold. Once that threshold is met, the helpful post information will replace it.
    Of course, not all communities and not every forum will have the support features enabled, meaning the topic summary will be the only way to reduce the topic complexity.
    Less is more
    Browsing the summary gives you a concise view of the topic's journey with no distractions, a vital strategy for growth. 
    By allowing members to focus on the core journey, you reward the time they spend on your community and make it more accessible for those short on time.
    We hope you've enjoyed this feature introduction and would love to hear your thoughts!
    a.ipsAttachLink img { margin: 18px 0px 18px 0px;}
    View full blog entry
  10. Like
    Rich N got a reaction from Matt in 2 Factor Authentication   
    Google Authenticator - I just set this up and saw a few things that could be confusing to users. 
    Authentication can be used with other Authenticators. SO you could use the Microsoft Auth App. Text should be updated to maybe " Enter code from your Authentication App" on entry. 
    Maybe in the setup side of things, it should state the Authentication App of your choice. (ex. Microsoft or Google) with the QR code presented to users. 
    Also im not sure how Googles App handles it but when you scan barcode into the Microsoft Auth App, the Site Name would be nice, currently it labels it email address. 
    Thanks...
     
  11. Like
    Rich N reacted to Randy Calvert in 2 Factor Authentication   
    You can change the wording yourself by updating the language strings. 
  12. Like
    Rich N reacted to Miss_B in Moved site   
    Glad to see that you got it solved. 
  13. Like
    Rich N got a reaction from Miss_B in Moved site   
    I just changed the primary domain on the server, did not move anything. 
    thanks, looking at support page everything was ok... cleared system Cache.. that fixed it.. 
  14. Like
    Rich N reacted to Miss_B in Moved site   
    Did you do the domain switch only, or did you have to upload your forum files to another folder as well? Was the move within the same host/server? Can you please post here a step by step what you did?
    If you can access your Admin Panel, can you go to the Support tab and see if there are things flagged in there that will need fixing?
     
  15. Like
    Rich N reacted to Marc Stridgen in CPAdmin SQL management   
    You would be best to contact your hosting company and obtain the correct methods of doing this. Backups via a tool such as these is also generally not a good idea
  16. Like
    Rich N reacted to Miss_B in CPAdmin SQL management   
    You could share the host log in details amongst yourselves (admins) to avoid situations like this. Or you could look into hosting your forum with Invision and you will not have to worry about stuff like this anymore.
×
×
  • Create New...