Joomla-cms: Editor Custom Fileds not work in Contacts

[AlexRed]

Steps to reproduce the issue

On Joomla 3.7.0 Beta2 create a new contact field, Type = editor.
In the single contact edit screen, in the tab "Fieds" the editor don't appear, only the "Toggle editor" button.

Expected result

the editor appear

Actual result

the editor don't appear

System information (as much as possible)

Additional comments

[gwsdesk]

I can confirm this issue. The editor is not working here

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/14005.}

[Bakual]

This works for me.

Can you check if it works when you change the alias of the field (not the contact alias!) to another name? Because if it is the same as an already existing field (custom field or one from the contact itself) it may break.

[AlexRed]

Not work also when I change the alias of the field.

[ghost]

Confirm Issue, no Editor-Field is shown. Tried different Settings of Plugin, unsuccessfully.

Test on:

Joomla! 3.7.0-beta3
macOS Sierra, 10.12.3
Firefox 50.1.0
PHP 7.0.4
MySQLi 5.5.54-0

[infograf768]

The issue is only present when using TinyMCE.
If Editor None or CodeMirror, all is fine.

[gwsdesk]

I confirm @infograf768 but we should fix it since most users will use an editor

[Bakual]

Hmm, can you guys say which browser and OS you use? I'm pretty sure I tested with Tiny as well and it worked. Using Chrome on Windows I think.
Can you also check the console for JavaScript errors?

[ghost]

confirm working if not using TinyMCE. No JavaScript-Errors.

Test on:

Joomla! 3.7.0-beta3
macOS Sierra, 10.12.3
Firefox 51.0.1
PHP 7.0.4
MySQLi 5.5.54-0

[infograf768]

Firefox 48.0.2 Macintosh, PHP 5.4.4

It works with Safari!

With Firefox, I do get js errors

08:29:40.475 TypeError: e is undefined
r()tinymce.min.js:13
a()tinymce.min.js:13
i/</<()tinymce.min.js:13
i()tinymce.min.js:8
.fire()tinymce.min.js:8
this.nodeChanged()tinymce.min.js:4
L.prototype.nodeChanged()tinymce.min.js:12
<anonymous>tinymce.min.js:7
i()tinymce.min.js:8
.fire()tinymce.min.js:8
s.add()tinymce.min.js:7
<anonymous>tinymce.min.js:7
i()tinymce.min.js:8
.fire()tinymce.min.js:8
L.prototype.initContentBody()tinymce.min.js:11
L.prototype.init()tinymce.min.js:11
t/<()tinymce.min.js:11
n/this.loadScripts/v/<()tinymce.min.js:4
n()tinymce.min.js:3
n/this.loadScripts/v()tinymce.min.js:4
n/this.loadScripts/v/</<()tinymce.min.js:4
o()tinymce.min.js:4
1tinymce.min.js:13:17430

[ghost]

Chrome works too.

[infograf768]

@Bakual
It may be of interest to note that it does work for a user field as well as article field as the editor is already loaded.

[gwsdesk]

Works in Edge as well

[gwsdesk]

and oh way this is weird. Upgraded my Firefox to 51.0.1 and see for yourself. Now working in FF as well

Windows10 btw
server: PHP7.0.15/5.5.5-10.1.13-MariaDB-cll-lve/Apache/fpm-fcgi

[AlexRed]

In my test:
No work on Firefox 51.0.1 (64-bit)
Work on Chrome 56.0.2924.87 (64-bit)

Linux PC,
Server Apache/2.4.10 PHP 5.5.15
Error console in Firefox:
L’utilizzo di getAttributeNode() è deprecato. Al suo posto utilizzare getAttribute().
TypeError: e is undefined[Ulteriori informazioni] tinymce.min.js:13:17430

[Bakual]

My tiny JavaScript knowledge fails here. Maybe someone else can figure out if this is a browser bug (may be since upgrading FireFox seems to fix it) or an error in the editor JS. Or both.

[ghost]

Firefox 51.0.1 shows no TinyMCE, test on Windows7, MacOS Sierra:

[gwsdesk]

For the non-believers ;-) Windows 10 (tailor build PC)

[AlexRed]

it seems ok on Firefox 51.0.1 (32-bit) and not on Firefox 51.0.1 (64-bit),

[AlexRed]

No, it is not related to the 32 or 64 bit.
gwsdesk use the TinyMCE "medium preset" for the Administrator user, if I set it also in the Firefox 51.0.1 (64-bit) I can see the editor.
But if I set the default "advanced preset" for the Administrator user I can't see the editor.
Please gwsdesk try with the "advanced preset".

[gwsdesk]

@Alexred Nice catch Alessandro! Indeed with "advanced preset" it is not loading and get the same layout as you initially posted ouch!

[infograf768]

I confirm that using the Medium Preset works on my Firefox 48.0.2.
@dgt41
Can you look at this, please.

[infograf768]

and @Fedik

[AlexRed]

Editor "simple" preset (Set 0) is ok for me in the Contact Field

[gwsdesk]

After finally understanding ( @AlexRed thanks! ) I can confirm "simple" works

[AlexRed]

it is not Set 0 but Set 2 for Public not for administrator

[gwsdesk]

I am not sure if we need to open a new Issue for this but for me the entire layout of this configuration of TinyMCE is horrendous. We will face a fury of comments and problems on the forums for sure. It is difficult the least and before I had a chat with @AlexRed on Glip I simply could not get it right. The tabs for 2/1/0 should be in logical order ("0" first), the image in the top is confusing (even clickable without effect) and should be removed since has no function imho. The entire layout is very much cluttered and needs to be addressed. This will create a lot of confusion with the end-users

[AlexRed]

I agree, should be in logical order (SET "0" first).
The "demo" editor advanced mode in the top is not necessary and it creates confusion.
We should open it only when we need to drag the buttons in the set.

[Fedik]

In the single contact edit screen, in the tab "Fieds" the editor don't appear, only the "Toggle editor" button.

what about other (Article, Category), whether there the editor works in another tab?

[gwsdesk]

The editor works normal in the other sections where it is used (articles/modules/cats/etc) except for the custom fields as outlined

[AlexRed]

The problem seems only the "Font Family" button in the TinyMCE editor. If you try to remove (drag out) the "Font Family" button in the "advanced preset" and save it, the editor is ok in the Contact Field.

[AlexRed]

In Joomla 3.6.5, editor TinyMCE "Functionality"--> Extended
in a new article edit page in the editor the "Font Family" button appears by default not select, it is in "Font Family" mode:

In Joomla 3.7.0 Beta 2, editor TinyMCE in "Advanced" preset
in a new article edit page in the editor the "Font Family" button appears by default in "serif" and 12pt font size.

and when the cursor in the editor area the "Font Family" button appears "Tahoma" and 9pt font size.

sorry for my bad english, I hope screenshot can help.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/14005.}

[gwsdesk]

This does not only happen in the custom fileds situation a described in this Issue but happens throughout all instances where TinyMCE is loaded such as Articles/Cats/modules etc

[Fedik]

It looks like TinyMCE bug, see changelog: https://www.tinymce.com/docs/changelog/ for Version 4.5.3 - February 1, 2017 ,

FIXED bug where the editor would throw error with the fontselect plugin on hidden editor instances in Firefox.

Should be fixed in new version of TinyMCE.
Who brave to do update? 😄

[dgrammatiko]

I'll do that

[AlexRed]

Patch ok, now Editor is ok in Custom Fileds,
but the remains the problem https://github.com/joomla/joomla-cms/issues/14005#issuecomment-279140582

[Bakual]

I'm closing this issue as there is a PR.
@AlexRed Can you open a new one for that issue with the the button so we can better track it?

[Fedik]

but the remains the problem #14005 (comment)

It looks like TinyMCE feature, does not related to Joomla.

[AlexRed]

yes, looks like TinyMCE feature in the new versions