TinyMCE skin with content aware panels

[ot2sen]

@cpfeifer perhaps this skin for TinyMCE, or the concept of the User Experience in that, might have interest for the UI/UX group? https://twitter.com/ot2sen/status/764378503718563840

The panels cleverly focus only at the actions making it easier for the users to do their task. As seen in the demo, if you click/highlight the imagein the textarea you will see the panel change to only show buttons related to that action.

[ghost]

@ot2sen - thank you for sharing this. http://tinymce.swis.nl/

I think there are some advantages here. I like the larger buttons and it also provides a more familiar visual interface for users - those are good things.

In particular, the giant "Paste" button is fantastic. I'm assuming this exists to paste and strip out rich text formatting (it doesn't seem to be working properly in the demo for me). In my opinion, pasting text from documents into an editor where the formatting is retained through adding inline CSS styles is a main cause of trouble for many end users. Retaining the formatting in this way is almost never necessary or wanted. It makes a mess of the code and causes content on the front end to override the template styling. I'm all for improving the core editor, and this one detail is something I've battled since day one of using Joomla, and many others have as well. If nothing else, there needs to be an easier way for users to get around it. This seems to address that issue, but I'd also like to see the default set the other way, since it's the way most users prefer to work in my experience.

Thank you for sharing, all comments and feedback are welcome here.

[ciar4n]

Equally love this. A great way of keeping things simple while maintaining all expected features when needed. Also enjoy the dominant source button and the fact that the source is highlighted. Inline with Cliff's point I feel the current editor fails to make the mirrored connection between source and visual output. Less experienced users fail to consider formatting issues with inline styling pasted from other documents or even unclosed tags which the highlighted source would make easier to spot. Other CMS editors either remove all inline styling automatically (WP) or removes HTML completely from pasted inputs.

Probably goes without saying but from a visual aspect of the toolbar I think it is important to maintain the same flat design of the current editor. If this skin was to be used I think replacing the icons and removing gradients would be a must.

Appears to be an issue with the 'paste' option in Firefox (https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Midas/Security_preferences).

[OptikWebCreative]

Hi All

Ole, I Love the new skin, a vast improvement on the existing default :)

If it was me, I would have the paste button be locked to being a plain text paste - or make that an option in the settings - If users want to re-add the formatting, they know to do that separately - thats the feedback i get from my clients anyway

Kind Regards

Rich Starkie

Managing Director Optik MultiMedia Group Limited eMail : rich@optikwebcreative.com www : www.optikwebcreative.com

On 19 Aug 2016, at 08:49, Ciaran Walsh notifications@github.com wrote:

Equally love this. A great way of keeping things simple while maintaining all expected features when needed. Also enjoy the dominant source button and the fact that the source is highlighted. Inline with Cliff's point I feel the current editor fails to make the mirrored connection between source and visual output. Less experienced users fail to consider formatting issues with inline styling pasted from other documents or even unclosed tags which the highlighted source would make easier to spot. Other CMS editors either remove all inline styling automatically (WP) or removes HTML completely from pasted inputs.

Probably goes without saying but from a visual aspect of the toolbar I think it is important to maintain the same flat design of the current editor. If this skin was to be used I think replacing the icons and removing gradients would be a must.

Appears to be an issue with the 'paste' option in Firefox (https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Midas/Security_preferences https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Midas/Security_preferences).

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/joomla-projects/user-experience/issues/2#issuecomment-240951941, or mute the thread https://github.com/notifications/unsubscribe-auth/ANNT-_wS-oe_TJAaHxDtFWKxxOPVE_wOks5qhWAngaJpZM4Jn47j.

[brianteeman]

Its only a skin - its not changing any functionality

On 19 August 2016 at 09:28, Rich Starkie notifications@github.com wrote:

Hi All

Ole, I Love the new skin, a vast improvement on the existing default :)

If it was me, I would have the paste button be locked to being a plain text paste - or make that an option in the settings - If users want to re-add the formatting, they know to do that separately - thats the feedback i get from my clients anyway

Kind Regards

Rich Starkie

Managing Director Optik MultiMedia Group Limited eMail : rich@optikwebcreative.com www : www.optikwebcreative.com

On 19 Aug 2016, at 08:49, Ciaran Walsh notifications@github.com wrote:

Equally love this. A great way of keeping things simple while maintaining all expected features when needed. Also enjoy the dominant source button and the fact that the source is highlighted. Inline with Cliff's point I feel the current editor fails to make the mirrored connection between source and visual output. Less experienced users fail to consider formatting issues with inline styling pasted from other documents or even unclosed tags which the highlighted source would make easier to spot. Other CMS editors either remove all inline styling automatically (WP) or removes HTML completely from pasted inputs.

Probably goes without saying but from a visual aspect of the toolbar I think it is important to maintain the same flat design of the current editor. If this skin was to be used I think replacing the icons and removing gradients would be a must.

Appears to be an issue with the 'paste' option in Firefox ( https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Midas/Security_ preferences https://developer.mozilla.org/en-US/docs/Mozilla/ Projects/Midas/Security_preferences).

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub < https://github.com/joomla-projects/user-experience/issues/2#issuecomment- 240951941>, or mute the thread https://github.com/ notifications/unsubscribe-auth/ANNT-_wS-oe_TJAaHxDtFWKxxOPVE_ wOks5qhWAngaJpZM4Jn47j.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/joomla-projects/user-experience/issues/2#issuecomment-240959390, or mute the thread https://github.com/notifications/unsubscribe-auth/ABPH8TV4Wgdsl8Kog1n6tOrNyYQmWjNYks5qhWk5gaJpZM4Jn47j .

Brian Teeman Co-founder Joomla! and OpenSourceMatters Inc. http://brian.teeman.net/

[OptikWebCreative]

Hi Brian,

I appreciate its a skin, thats why I mentioned that in the settings it might be possible to point that skin button at the paste as plain text function instead of regular paste function

Rich

On 19 Aug 2016, at 09:31, Brian Teeman notifications@github.com wrote:

Its only a skin - its not changing any functionality

On 19 August 2016 at 09:28, Rich Starkie notifications@github.com wrote:

Hi All

Ole, I Love the new skin, a vast improvement on the existing default :)

If it was me, I would have the paste button be locked to being a plain text paste - or make that an option in the settings - If users want to re-add the formatting, they know to do that separately - thats the feedback i get from my clients anyway

Kind Regards

Rich Starkie

Managing Director Optik MultiMedia Group Limited eMail : rich@optikwebcreative.com www : www.optikwebcreative.com

On 19 Aug 2016, at 08:49, Ciaran Walsh notifications@github.com wrote:

Equally love this. A great way of keeping things simple while maintaining all expected features when needed. Also enjoy the dominant source button and the fact that the source is highlighted. Inline with Cliff's point I feel the current editor fails to make the mirrored connection between source and visual output. Less experienced users fail to consider formatting issues with inline styling pasted from other documents or even unclosed tags which the highlighted source would make easier to spot. Other CMS editors either remove all inline styling automatically (WP) or removes HTML completely from pasted inputs.

Probably goes without saying but from a visual aspect of the toolbar I think it is important to maintain the same flat design of the current editor. If this skin was to be used I think replacing the icons and removing gradients would be a must.

Appears to be an issue with the 'paste' option in Firefox ( https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Midas/Security_ preferences https://developer.mozilla.org/en-US/docs/Mozilla/ Projects/Midas/Security_preferences).

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub < https://github.com/joomla-projects/user-experience/issues/2#issuecomment- 240951941>, or mute the thread https://github.com/ notifications/unsubscribe-auth/ANNT-_wS-oe_TJAaHxDtFWKxxOPVE_ wOks5qhWAngaJpZM4Jn47j.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/joomla-projects/user-experience/issues/2#issuecomment-240959390, or mute the thread https://github.com/notifications/unsubscribe-auth/ABPH8TV4Wgdsl8Kog1n6tOrNyYQmWjNYks5qhWk5gaJpZM4Jn47j .

Brian Teeman Co-founder Joomla! and OpenSourceMatters Inc. http://brian.teeman.net/ — You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/joomla-projects/user-experience/issues/2#issuecomment-240959893, or mute the thread https://github.com/notifications/unsubscribe-auth/ANNT-2dsPOK1CCQQ4Pb51QczPWBhdIj4ks5qhWnPgaJpZM4Jn47j.

[ghost]

It looks great, but like I said, changing the default paste to plain text would be a huge improvement. I know you can set it to do this, but I've never understood why it's not set as the default. I can't think of any scenario where anyone would want to paste the formatting and add a ton of inline styles. This one thing trips up so many beginners and end users, I'd love see that change.

[mbabker]

If you're copy/pasting from within the WYSIWYG editor and you've already formatted text, you'd remove that formatting setting that behavior as default. You've gotta be careful here because changing that default behavior will massively interrupt legitimate workflows when really what you're trying to do is make the markup from MS Word not carry over as easily.

[ghost]

I hear what you're saying, but I honestly can't think of one time in my life where I've ever wanted it to do that. I'm just one guy and everyone works different, but the way it works now generally causes more problems than it solves in my experience. I generally use a code editor, and this is a big reason why.

[brianteeman]

Big difference Cliff between pasting as plain text, pasting from word and pasting legitimate markup. I certainly would not be in favour of preventing people pasting legitimate markup

On 19 August 2016 at 16:18, Michael Babker notifications@github.com wrote:

If you're copy/pasting from within the WYSIWYG editor and you've already formatted text, you'd remove that formatting setting that behavior as default. You've gotta be careful here because changing that default behavior will massively interrupt legitimate workflows when really what you're trying to do is make the markup from MS Word not carry over as easily.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/joomla-projects/user-experience/issues/2#issuecomment-241047292, or mute the thread https://github.com/notifications/unsubscribe-auth/ABPH8ddkqz41b9o7jGsgt9U6Ak8C4bh6ks5qhckqgaJpZM4Jn47j .

Brian Teeman Co-founder Joomla! and OpenSourceMatters Inc. http://brian.teeman.net/

[ghost]

I agree with that. Maybe it just strips out inline styling, which is the real issue, or preserves html structures and line spacing in an intelligent way. It's definitely a problem for many people and I think addressing it in some way would do a lot of good. How it happens behind the scenes isn't necessarily as important as providing a solution of some sort.

In my everyday business, this one thing is always an issue with my clients and contractors. If I think about WP, it's an issue there but not as much of one, and very rarely do I ever come across a WP site using a third party editor. In contrast to Joomla where most of the sites I see are using a third party editor. I'd like to see more people sticking with core editor for many reasons, and I know this would help.

[ghost]

Just another quick thought. We'll be publishing the results from the 3.5 survey sometime in the next few weeks, but when we asked people what they thought about the new drag & drop images and insert module features, the top answer by far was "I don't use the default editor". Those features don't mean much to many of the users who took the survey because they've replaced the core editor. What this means in real life is always debatable, but that's what people are telling us.

[ciar4n]

Any possibility of preserving the inline styling if copy and pasted from within the Joomla editor however removing inline styling if copy and pasted from elsewhere?

Raw (CF_HTML) clipboard data from IE, Chrome and Firefox include a 'SourceURL' property. Maybe this information could be used to determine how the pasted data should be handled. If the data was sourced from within /administrator then retain the inline styling, otherwise remove it.

[maieutiquer]

Content-aware tabs might be a good idea, but could also change the layout a bit too much for a feature such as a content editor, not sure about that.

In my experience with Joomla, I used to replace the default editor for almost every website. So did most other developers I know.

Detecting "legitimate markup" for pasting seems a great idea, is it possible to define and implement from a technical perspective?

[ciar4n]

Will need a little research as it wouldn't be my area of expertise to put it mildly however a solution may be possible with the following... https://www.tinymce.com/docs/plugins/paste/

[ghost]

Feedback and discussion regarding this topic have been logged in our suggestion list. We are closing this issue as it cannot be addressed through this repository.

Please see our repository information to submit future ideas for discussion. https://github.com/joomla-projects/user-experience