Try our conversational search powered by Generative AI!

How well can TinyMCE run outside of Edit Mode?

Vote:
 

We're using EPiServer for an intranet, and we're curious how possible it is to run TinyMCE "detached" from the full interface?  We want to allow page authoring in a variety of contexts (not just Edit Mode).

We have embedded the editor and are using it as such, but we're noticing that certain buttons don't load -- the hyperlink dialog, for instance, just doesn't show up.  Other buttons don't do anything -- the HTML button throws a JS error, so does the Insert Image button.

It looks like anything which has been customized by EPiServer does not work outside of the full Edit Mode interface.

Do we have any hope of getting full functionality here, or are there too many dependencies to get this to work?

#77529
Nov 20, 2013 17:15
Vote:
 

Hi Deane,

For EPiServer 7 we recommend downloading a separate version of TinyMCE instead of using EPiServer's own.

http://world.episerver.com/Documentation/Items/Developers-Guide/EPiServer-CMS/7/Editing/Customizing-the-TinyMCE-Editor/#TemplatePage

#77532
Nov 20, 2013 17:50
Vote:
 

But how do I get the EPiServer-specific customizations in there?  For instance, the hyperlink dialog box and image selector?  Is this possible, or is it only possible to edit pages in full Edit Mode?

#77533
Nov 20, 2013 18:01
Vote:
 

Good question Deane. As TinyMCE will be more and more tightly integrated with the UI, it will become harder and harder to use TinyMCE outside of it.

Maybe a UX developer have any good tips on how this could be accomplished.

 

#77535
Nov 20, 2013 18:20
Vote:
 

They do not recommend in 7.1 but if you find the old documentation for 7.0 it will work just great. but as toni said that editor will also be upgraded when you get new versions of edit ui.. I use the standalone version and you can use the same plugins as episerver. or you download you own plugins and custimize them as you like.

#77537
Nov 20, 2013 20:10
Vote:
 

The biggest thing is the hyperlink button -- I really need that to work.  This doesn't look THAT tightly bound to Edit Mode as it essentially functions the same in 7 as it did in 6.

#77543
Nov 21, 2013 4:17
Vote:
 

Hi Deane!

Some background:

The Tiny MCE editor used in EPiServer CMS 7.0 is the 3.3 version and that's still pretty much the same as was used in EPiServer CMS 6. In the 7.1 add-on a new instance of Tiny MCE was added (version 3.5) that's now a part of the CMS UI add-on. The old one still exists but is only used for for dynamic content/dynamic properties. We will remove the old version going forward...

As Tony mentioned, we decided to move away from having an editor that would support running both in the editorial interface as well as the web site. This was mainly because of the time it takes to maintain this and constraints this gives to the development team. Also, to get a fully functioning editor (even for CMS 5-6) you needed to open up quite a lot of parts of the editorial interface from a security perspective to be able to load scripts and dialogs. The link dialog has been completely rewritten in EPiServer CMS 7.5 to be much easier, support new content based assets as well as being pluggable (EPiServer Commerce uses this to add the posibility to link to items in the catalog).

With the above said, I think that it will be very hard (and also not supported) to get this working on the web site. It is, however, possible to add new views to the user interface. This should be faily easy (depending on the requirements of course). Could this be an alternative for you?

#77545
Nov 21, 2013 8:27
Vote:
 

That certainly sounds promising.  What we're looking for the ability to quick write a new post or edit a page without cranking up the entire edit interface.  I'd be interested in whatever documentation you might have about these "new views to the user interface."

#77606
Nov 21, 2013 14:29
Vote:
 

Let me clarify a bit --

We're looking to enable editing by completely untrained users.  An employee should be able to look at a page on their intranet, see an "Edit This Page" link, click it, and be presented with a big WYSIWYG editor.  I realize there's a lot of advanced functionality they don't need (and would need to be trained on), but we're trying to get them 90% of the way there.  To this end, I need the hyperlink and image buttons, at the very least.

This is our impetus for stripping away the rest of Edit Mode.  It would still be there and available, for more advanced users, but 90% of the user base should be able to edit or create most of a page intuitively with zero training or documentation.

Will I be able to craft an edit view that enables me to do this?

#77609
Nov 21, 2013 14:51
Vote:
 

Ok, the requirements are pretty clear and it's something that I have been thinking about when removing the "publishing guides" functionality that existed in EPiServer CMS 6 that was targetting the same audience but was rarely used. I probably need to do some coding to see if this is possible to accomplish with a reasonable amount of code so I hope that I can get some time for that soon.

#77614
Nov 21, 2013 16:28
Vote:
 

I worry that the app is getting inextricably bound to the provided interface.  While I know that there's an API, some large sections of editorial functionality are hard-bound to the interface it comes with.  If there's a way to break this binding, I'd breathe a lot easier.

#77624
Nov 21, 2013 18:05
Vote:
 

Any progress on this?

#91516
Oct 08, 2014 8:16
Vote:
 

Not from our side. We essentially abandoned trying and are rolling our own interface for community-ish, which sucks, but we see little choice.

#91576
Oct 08, 2014 21:15
Vote:
 

We are not doing anything either. I suggest that you download your own editor if you want to run outside the EPiServer UI. We might we to a step where you can instantiate Tiny MCE from your own custom UI view, but it's nothing that is high up in priority right now.

#111671
Oct 17, 2014 11:27
Vote:
 

I did this a while ago because we had already used the EPiServer WYSIWYG and content picker bits in something that ran outside of the EPiServer 6 interface, and our customer wanted to upgrade to 7.5. Had no choice but to do this:

http://world.episerver.com/Modules/Forum/Pages/Thread.aspx?id=85047

It was not fun to write. The bits of the new UI are very sparsely documented. Also, since this is unsupported it's of course possible it's going to break in a future update (we have used it on up to 7.6).

#114135
Edited, Dec 04, 2014 18:56
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.