preview

New editor now previewing on inSpired (and your staging communities)


We enabled the new editor here on inSpired and your staging communities. We are doing this because we want to give your users the same create/edit experience as you have andwe want to empower them with extra formatting capabilities.

But not all formatting capabilities are available for your users, we stripped: text-color, text-background-color and horizontal lines. On smaller viewports (tablets and mobiles) we only provide the most necessary formatting options like sharing a link and inserting a photo.

Once we enable this new editor for your users we’ll have one unified editor experience throughout the entire platform: Users, Super-users, Moderators, Community Managers and Administrators will be able to create and edit new topics and replies using one single editor.

Public rollout 

We haven’t defined a public rollout date yet as we first want you to try it out here on inSpired. We need to make some small tweaks and make sure this new editor works properly across all viewports, devices and browsers. 

Also we’d like to hear your thoughts on the functionalities that will be opened up to your users, everything you see here on inSpired will be made available to your users when we release this. 

Stay tuned for updates and a release date, for now enjoy the new editor and let us know your thoughts.
​​​

I've quickly checked out the editor 🙂 Thanks for enabling in staging an announcing. Here's my feedback:

 

Positives

  • Inserting an image seems a lot speedier and user friendly on first try
  • I like the visual guides for moving content, images et cetera
  • Freakin' tables! Edit: and yeah, those multilevel lists. Good stuff.
  • Surprisingly stable for an editor that's quite feature rich

Issues

  • Creating a link doesn't seem to work at all
  • The editor has big problems on mobile:
    • Most top bar buttons disappear
    • Pressing the editor to start editing doesn't work, unless you're tapping the top part of the editor

Requests

  • Can you localize? There's uneditable English in:
    • The top bar: "Paragraph", "Callout"
    • Right click menu
    • Pop-ups
  • Please test multiple platforms and browsers and proactively tell us which ones have issues with this editor, so that we can warn our users. Or the reverse: tell us which browsers and platforms are supported.
  • It would be nice if button styles in the editor are inherited from the community settings.
  • Line spacing in the editor is not quite WYSIWYG: there's more space between lines while editing compared to after saving.
  • I think I've seen a text color selector in a mock up ... Where did it go?

 


@Yoeri 

hi, is there any deadline for releasing the new text editor?

I am asking because our Japanese users have bug with old text editor and they really look forward to start using the new text editor


Hi @Yoeri,

I find it interesting to be able to limit these actions according to the user profiles. To avoid that Our Community uses the text editor too often and that there are abuses. :)

For example, callouts are very useful for moderators to highlight certain points. It would be a shame if customers used these calls out unnecessarily. This could lead to confusion about what is being said officially or unofficially. :)


Hi guys,

first of all thanks a lot for sharing all this valuable feedback with us!

As Yoeri is out of office today and tomorrow you will have to deal with me for now. 😛 I think I can answer some of the questions / reports & requests until he is back.

  • Creating a link doesn't seem to work at all

Hmm I cannot reproduce it, works fine for me? Are you creating hyperlinks? Where do you get stuck?

  • The editor has big problems on mobile:
    • Most top bar buttons disappear
    • Pressing the editor to start editing doesn't work, unless you're tapping the top part of the editor

Great to see you discovered multi-level lists. ;)

  • The team has intentionally stripped functionality for mobile to only show the most relevant features (adding images and links) as usually “advanced” text styling (bold, underlined, etc.) are not being used very often in mobile use cases. It also seems to be connected to most smartphone keyboards / Apps not supporting such features. On top of that, the old editor also did not offer more of those:
  • Not sure if I get the second issue right, I could not reproduce it myself. Which browser are you using?

  • Can you localize? There's uneditable English in:
    • The top bar: "Paragraph", "Callout"
    • Right click menu
    • Pop-ups

Yes! Totally right. I remember Yoeri mentioning this during our last review meeting, so I know the team is on top of this. We will make sure you will get your localized versions.

  • Please test multiple platforms and browsers and proactively tell us which ones have issues with this editor, so that we can warn our users. Or the reverse: tell us which browsers and platforms are supported.
  • It would be nice if button styles in the editor are inherited from the community settings.
  • Line spacing in the editor is not quite WYSIWYG: there's more space between lines while editing compared to after saving.

That’s very good feedback. I know for a fact that we analyzed which browsers are being used and tested most of them (Chrome, Safari, Firefox, Internet Explorer, both on Desktop and Mobile and on different OS) to make sure that we cover as much as possible. Maybe Yoeri can give more info later. For the other items I do not have sufficient information right now, but we will get back to it!

  • I think I've seen a text color selector in a mock up ... Where did it go?

The text color selector is still available in the Control Environment, but not in the front-end. For now this feature has been stripped from the front-end to prevent abuse. Do you also feel something like this would be good to enable via custom/primary user role? Then you and your top users could still benefit from it…

 

hi, is there any deadline for releasing the new text editor?

I am asking because our Japanese users have bug with old text editor and they really look forward to start using the new text editor

There is no set deadline, as we want to make sure that the quality of the editor is as high as possible before we release it. We expect it to take a couple more weeks for us to refine it, however it should not be too long hopefully!

 

I find it interesting to be able to limit these actions according to the user profiles. To avoid that Our Community uses the text editor too often and that there are abuses. :)

For example, callouts are very useful for moderators to highlight certain points. It would be a shame if customers used these calls out unnecessarily. This could lead to confusion about what is being said officially or unofficially. :)

I completely agree with you here and I also shared this feedback with the team. For now it looks like that we will strip functionality that could lead to abuse (e.g. text color, background color), with the vision to add some/most of them at a later stage in the form of a user role. This way you could reward active/trusted users with more editor features. Would that be something you would appreciate to use?


 


  • Creating a link doesn't seem to work at all

Hmm I cannot reproduce it, works fine for me? Are you creating hyperlinks? Where do you get stuck?

 

I added a link, but the text remained text after confirming. Must be a hiccup, as I'm not experiencing it anymore.


  • The editor has big problems on mobile:
    • Most top bar buttons disappear
    • Pressing the editor to start editing doesn't work, unless you're tapping the top part of the editor

Great to see you discovered multi-level lists. ;)

  • The team has intentionally stripped functionality for mobile to only show the most relevant features (adding images and links) as usually “advanced” text styling (bold, underlined, etc.) are not being used very often in mobile use cases. It also seems to be connected to most smartphone keyboards / Apps not supporting such features. On top of that, the old editor also did not offer more of those:

Right. Now I remember we use a third party script to add more buttons on mobile. Our active users love using these buttons on mobile a lot. It's must have territory, really. If the third party script keeps working, it's fine. I don't have time to test right now, unfortunately.

Edit: Also, in the old editor we have 3 icons and in the current (tested) one there's 2. The 'add video' button was removed.

 


  • I think I've seen a text color selector in a mock up ... Where did it go?

The text color selector is still available in the Control Environment, but not in the front-end. For now this feature has been stripped from the front-end to prevent abuse. Do you also feel something like this would be good to enable via custom/primary user role? Then you and your top users could still benefit from it…

 

Yes.

 

Not sure if I get the second issue right, I could not reproduce it myself. Which browser are you using?

 

Edge and Chrome on iPhone 7.

 

 

 

 

 


 

I find it interesting to be able to limit these actions according to the user profiles. To avoid that Our Community uses the text editor too often and that there are abuses. :)

For example, callouts are very useful for moderators to highlight certain points. It would be a shame if customers used these calls out unnecessarily. This could lead to confusion about what is being said officially or unofficially. :)

I completely agree with you here and I also shared this feedback with the team. For now it looks like that we will strip functionality that could lead to abuse (e.g. text color, background color), with the vision to add some/most of them at a later stage in the form of a user role. This way you could reward active/trusted users with more editor features. Would that be something you would appreciate to use?

 

Hi @Julian,

Thanks for the feedback 🙂 Yes, that would be appreciated. But in the meantime, it is not possible to remove the callouts from the features for users? I think it's really a moderator feature that an user doesn't need to use. 


Hi Jurgen & Marie,

thanks for providing additional information!

In the meantime I have received updates from my colleagues:

  • Issue with editing has been picked up and will be fixed
  • Callouts will be removed from the front-end editor

Of course more feedback is welcome! :)


I wanted to upload a ‘high five’ gif, but it's not showing up …

 

 

http://giphygifs.s3.amazonaws.com/media/9Y5BbDSkSTiY8/giphy.gif


Yup, my gif was also not posted. 😞 Will create a ticket!


@Jurgen  : In the meantime, you can unlink the link and insert it between [ img] [ /img] :D

giphy.gif?cid=790b7611f53bc14a74b648275a3f19c361b14f499dceeab1&rid=giphy.gif

 


Thanks for your feedback, it’s great to build better products together with you!

Some updates:

  • Callout functionality has been stripped for the end-user
  • We’re working on the following:
    • ‘localizing’ the editor
    • improvements to image uploading
    • making sure the entire touch-area of the editor responds on mobile
    • make copy/pasted images open in a lightbox as well
    • line-spacing inconsistencies

Pasting a video URL from a common video platform like Youtube / Vimeo will auto-convert to a video preview, therefore we removed the insert video URL icon.


Thanks for your feedback, it’s great to build better products together with you!

Some updates:

  • Callout functionality has been stripped for the end-user
  • We’re working on the following:
    • ‘localizing’ the editor
    • improvements to image uploading
    • making sure the entire touch-area of the editor responds on mobile
    • make copy/pasted images open in a lightbox as well
    • line-spacing inconsistencies

 

 

Great, you're welcome.

 

Pasting a video URL from a common video platform like Youtube / Vimeo will auto-convert to a video preview, therefore we removed the insert video URL icon.

 

Not sure I understand. Maybe replace it with the insert media icon?

 

The team has intentionally stripped functionality for mobile to only show the most relevant features (adding images and links) as usually “advanced” text styling (bold, underlined, etc.) are not being used very often in mobile use cases. It also seems to be connected to most smartphone keyboards / Apps not supporting such features. 

 

By the way, I'm not sure why you wouldn't want to use these features on mobile. It's not like you have to nerf the editor on mobile. Other platforms have found elegant ways to make a powerful editor responsive:

Wordpress allows you to scroll through the top bar in browser

 

On a sidenote, why are images centered while all text is left aligned? Being able to center and left align text and images would be nice, but this is odd.


Updates:

  • ⏳ working on
    • ‘localizing’ the editor
    • line-spacing inconsistencies
    • make copy/pasted images open in a lightbox
  • ✅ completed 
    • improvements to image uploading
    • making sure the entire touch-area of the editor responds on mobile

Expected release date is Monday 14 October 

-

Feedback on the post above;

  • Insert media and paste a media URL technically do the same, they will both insert a media preview. 
  • We are not sure why (and haven't found sufficient data) users would want to use extensive formatting capabilities on smaller viewports. The majority of replies are plain text. :)
  • Images are center aligned to make them stand out more and support image captions in a better way. Image alignment (left, right) is something we’d like to add as well but we’re not sure when

Feedback on the post above;

  • Insert media and paste a media URL technically do the same, they will both insert a media preview.

Ah, I finally got it. The button lost its function because of the autoconversion of media URLs to a preview.

 

  • We are not sure why (and haven't found sufficient data) users would want to use extensive formatting capabilities on smaller viewports. The majority of replies are plain text. :)

 

Here's how our users view your decision to strip back the buttons on mobile:

“The smaller the screen, the fewer things [Insided allows you] to do”

"I wonder why [these buttons] are lacking on mobile?"
"I don’t want to have to use my phone in a landscape orientation [for these functions]"
https://forum.kpn.com/kpn-ontmoet-31/een-paar-wijzigingen-462179/index2.html#post685816 (restricted access)

“I often use my phone. Wouldn’t it be nice if we could use the B I U buttons there?"
https://forum.telfort.nl/tips-en-verbeterideeen-273/is-een-luxere-mobiele-versie-van-het-forum-handig-83126

 

(Phew, finding back old comments that I remember always makes me feel so proud

 

By the way, the mobile fix third party script we use to make more buttons shown on mobile does not seem to work anymore, using the new editor. Perhaps @ErikD knows more.

 

Images are center aligned to make them stand out more and support image captions in a better way. Image alignment (left, right) is something we’d like to add as well but we’re not sure when

I hope our users like it :)

 

Is editing quotes (chopping them up so that you can reply to different parts) headache material for anyone besides me? It was, using the last editor and it still is for this one albeit in a brand new way. 

 

 


Pre-weekend Updates:

We still aim to release on Monday 14 October 

-

Feedback on post above;

  • Bold, Italic, Underline options are available on mobile devices via native pop-ups when you select text;
  • Custom code written to make changes to the default behaviour of our platform is not always supported with the continuous updates of our platform. We rewrote parts of the editor to support more and new functionality, therefore your custom code to show featurs on mobile is probably not working. (This needs to be rewritten..)
  • I experience the same with chopping up quotes, that’s why I copy/paste orginal post and put it in a quote myself ;)

Pre-weekend Updates:

Thanks for the update!

 

To quote one of the users in the topic I cited earlier, "using the Chrome browser on Android, [selecting B I U via the OS] doesn't work."

Right now, I’m also having trouble selecting text on iOS 12 (Edge and Chrome). The cursor sometimes disappears as well.

 

 

 

 

 

 


Not all browsers and platforms support the native formatting pop-ups. I don’t experience any problems selecting text in safari, chrome or firefox (iOS 13.1.2) but on other devices selecting text is not always that flawless as you’d expect: we’re investigating this.


A bit of feedback from one of our Superusers:

 

“One step forward, another back. With today’s changes I can’t seem to break a quoted section in order to interleave responses. One used to be able to hit Enter.

This board is getting harder and harder to actually use.”

 

Anything being done about that? :) 


Can I check if this is fully live now, @Yoeri ?


A bit of feedback from one of our Superusers:

 

“One step forward, another back. With today’s changes I can’t seem to break a quoted section in order to interleave responses. One used to be able to hit Enter.

This board is getting harder and harder to actually use.”

 

Anything being done about that? :) 


Yeah I have also noticed that! Will discuss it with the team and get back to you.

@timcavey yes, the new editor is live, so have a look and let us know what you think! :)


Hey all,

Also some feedback from our side now after the roll-out. Overall it looks far more fluent, so that’s good 🙂 But unfortunately this also brings a number of set backs.

Major one:

The pre implemented text, which Julian also showed above, has been removed. This is quite a set back as this doesn’t give any hints to the topic starter anymore. Why has this function been removed? As I can't seem to find any mention other than the screenshot from Julian on this. This is quite a major set back. I'm talking about these phrases:https://attachment.freshdesk.com/inline/attachment?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6NTExNTQyMDk2MywiZG9tYWluIjoiaW5zaWRlZC5mcmVzaGRlc2suY29tIiwiYWNjb3VudF9pZCI6MTU0MTY1fQ.m8bhaZC92wHBXEMOq9aNeJYHYsiYJMrWPJ8ke3nLK6A

Another major one: Chrome spelling check doesn’t work anymore, is there a workaround for this? Right now it just shows me that I have a different language selected, but I cant change it anymore.

Another major one: The font used seems to be Roboto now, that is not on Brand with our company. Do others have brand rules on fonts too? What can we do about this?

Other minor set backs:

  • A number of emoticons don't seem to switch when typing them, I also can't see the codes when hovering over the emoticons in the menu, is there a list with the working codes?
  • BB code editing is completely gone although the editor is still able to read it?
  • Deleting double quote lines leaves a small quote space, this is mostly annoying when you have quotes in quote and want to respond to only one of them and deleting the rest, you can’t fully delete the last little line unless you remove the entire quoting part in itself.

 

Also the changing of quotes works very weird. I suggest looking into this function and trying to change some double quotes for yourself.
Removing and adding text, typing before quotes (also didn’t work before). We have more instances where multi quoting now seems to work counter intuitive.

 

Kind regards,


 

Pasting a video URL from a common video platform like Youtube / Vimeo will auto-convert to a video preview, therefore we removed the insert video URL icon.

 

I’ve tested this on various occassions and this seems to be working on Chrome, but not on IE nor Firefox. Anyone else experience this?


Please visit https://community.insided.com/news-platform-updates-16/our-new-text-editor-is-now-available-on-all-communities-1788/index2.html#post6267 for the latest updates.

To keep all feedback centralized (from now on) this topic will be closed for comments


To keep all feedback centralized (from now on) this topic will be closed for comments

Good call Yoeri, but I wanted to inform @Suvi Lehtovaara here that I was not able to reproduce this issue on Firefox (69) and IE, I have tested it successfully on both.

Luckily I am an admin so I can still do that. 😛 Should it still happen, please share it once more in the new topic, or contact me via private message. :)