You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Online

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

#108471 Insert IPA

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by dhphllps on Tuesday, 10 August 2021 23:39 BST

dhphllps
I need a way for clients to easily add International Phonetic Alphabet symbols into editor textareas. I know I can add the 80 or so characters needed to the character map plugin, but what I would like to do is replace the default set completely, so that only the needed IPA symbols appear. Much less hunting and scrolling :-)

I've done that by replacing the default character set in /components/com_jce/editor/tiny_mce/plugins/charmap/editor_plugin.js with the IPA symbols, which works like a charm, but is there any way to avoid overwriting that, or to create a separate override that won't get overwritten on every update?

Also, how can I change the charmap icon from the omega to my IPA icon?

Ryan
I"ve made a quick plugin based ont he Character Map, using the symbols from https://www.internationalphoneticalphabet.org/ipa-charts/ipa-symbols-with-unicode-decimal-and-hex-codes/

You can download it here - https://github.com/widgetfactory/jce-editor-ipa

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

dhphllps
Wow. Thank you! Is that J!4-rc5, php 8 compatible? When I added it to a profile layout the editor, the editor doesn't load and I get these errors in the Developer Tools console:

index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8 Uncaught TypeError: Cannot read property 'call' of undefined
at Array.<anonymous> (index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8)
at Object.each (index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:1)
at loadScripts (index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8)
at index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
at HTMLScriptElement.done (index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8)
(anonymous) @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
each @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:1
loadScripts @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
(anonymous) @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
done @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
load (async)
loadScript @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
(anonymous) @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
each @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:1
loadScripts @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
loadScripts @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
loadQueue @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
(anonymous) @ plugin.min.js?f545e7cd7e654f0ee817a7933b49c600:1
initPlugin @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:11
each @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:1
init @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:11
(anonymous) @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:11
(anonymous) @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
each @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:1
loadScripts @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
loadScripts @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
loadQueue @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:8
loadScripts @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:11
render @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:11
(anonymous) @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:25
each @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:1
preinit @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:25
_load @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:25
(anonymous) @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:25
executeHandlers @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:4
defaultNativeHandler @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:4
load (async)
addEvent @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:4
EventUtils.self.bind @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:4
load @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:25
init @ index.php?option=com_jce&task=editor.pack&b693b74fc1dce82317345ad1722deff4=1&context=19&profile_id=2&5b1a63f82f951e560f95fc3174cbc285:25
(anonymous) @ index.php?view=article&id=41:2021-fall&catid=15:vocal-arts&form[request]=6:59


and these:

editor.min.css:1 GET https://my.domain/media/jui/fonts/IcoMoon.woff net::ERR_ABORTED 404
editor.min.css:1 GET https://my.domain/media/jui/fonts/IcoMoon.ttf net::ERR_ABORTED 404

Ryan
In the Editor Global Configuration, set Compress Javascript and Compress CSS to No.

I assume you have the latest version of the editor installed? If you are using Joomla 4, then try JCE Pro 2.9.11 RC - https://www.joomlacontenteditor.net/downloads/editor/pro/development

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

dhphllps
Yes, 2.9.11-rc1

I turned off javascript and css compression, cleared both server and browser cache and reloaded. ow I get two errors:

plugin.min.js?f545e7cd7e654f0ee817a7933b49c600:1 Uncaught TypeError: Cannot read property 'each' of undefined
at z (plugin.min.js?f545e7cd7e654f0ee817a7933b49c600:1)
at new <anonymous> (plugin.min.js?f545e7cd7e654f0ee817a7933b49c600:1)
at Array.initPlugin (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17)
at each (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:7)
at Editor.init (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17)
at tinymce.dom.ScriptLoader.<anonymous> (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17)
at Array.<anonymous> (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14)
at Object.each (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:7)
at loadScripts (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14)
at tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
z @ plugin.min.js?f545e7cd7e654f0ee817a7933b49c600:1
(anonymous) @ plugin.min.js?f545e7cd7e654f0ee817a7933b49c600:1
initPlugin @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17
each @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:7
init @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17
(anonymous) @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17
(anonymous) @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
each @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:7
loadScripts @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
(anonymous) @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
done @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
load (async)
loadScript @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
(anonymous) @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
each @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:7
loadScripts @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
loadScripts @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
loadQueue @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
loadScripts @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17
render @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:17
(anonymous) @ editor.min.js?5b1a63f82f951e560f95fc3174cbc285:2
each @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:7
preinit @ editor.min.js?5b1a63f82f951e560f95fc3174cbc285:2
_load @ editor.min.js?5b1a63f82f951e560f95fc3174cbc285:2
(anonymous) @ editor.min.js?5b1a63f82f951e560f95fc3174cbc285:2
executeHandlers @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:10
defaultNativeHandler @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:10
load (async)
addEvent @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:10
EventUtils.self.bind @ tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:10
load @ editor.min.js?5b1a63f82f951e560f95fc3174cbc285:2
init @ editor.min.js?5b1a63f82f951e560f95fc3174cbc285:2
(anonymous) @ index.php?view=article&id=41:2021-fall&catid=15:vocal-arts&form[request]=6:63

tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14 Uncaught TypeError: Cannot read property 'call' of undefined
at Array.<anonymous> (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14)
at Object.each (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:7)
at loadScripts (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14)
at tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14
at HTMLScriptElement.done (tiny_mce.js?5b1a63f82f951e560f95fc3174cbc285:14)

Ryan
Is this in the Joomla Article Manager? It looks like something has loaded the default Tinymce on the page as well.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

dhphllps
It's in an editor textarea in an RSForm Pro form, embedded in an article with the RSForm content plugin, accessed on the front side. The same thing happens in the Joomla Article Manager in the back end, though.

dhphllps
Interesting that you should ask that, though. When I specify Tiny as the editor in the user account that opens the form in the front side, it refuses to load in any language other than Afrikaans.

Ryan
Please send me a login - https://www.joomlacontenteditor.net/contact/site-login

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

dhphllps
OK, I found the problem. It was a TinyMCE IPA plugin that I had tried and rejected, but apparently forgot to remove.

JCE with the new IPA plugin works perfectly - thank you so much!!!:D