Conflict with tinymce-vue in Astroid Framework
Describe the bug Hi, I'm Sonny from Astroid Framework. I'm a big fan of JCE, too. All my sites are installed with JCE. Starting from Astroid version 3.1.12 we replaced Quill Editor with TinyMCE, but recently I found out that Astroid Framework has conflicts when using JCE's TinyMCE library. When using Joomla core's TinyMCE library it works fine. But when switching to JCE as the default Editor it gives an error and can't load the editor. Please see my video and error screenshot.
https://github.com/user-attachments/assets/cd846514-08d4-4113-9cf5-d0a517e2407c
To Reproduce Steps to reproduce the behavior:
- Install Astroid Framework 3.2.0
- Create an Article Layout with Text Widget
- Assign it to a Joomla Category
- Go to Joomla Content -> Add/Edit an article of category
- Go to Widget Tab and edit Text Widget
Expected behavior A clear and concise description of what you expected to happen.
Screenshots
Tech (please complete the following information):
- Joomla: 5.3.0
- JCE 2.9.82
- Astroid 3.2.0
Additional context I can give you an access to my demo for testing. Please send me an email via [email protected]
Thanks & Best Regards, Sonny
Create an Article Layout with Text Widget Assign it to a Joomla Category
I don't know how to use the Astroid framework, so it will take me some time to figure it out before I can troubleshoot this issue, but on the information you have provided, the error appears to be caused by your use of Tinymce functions that are not support by JCE, eg: use of "on" to trigger an event.
Please load the editor using the Joomla API where possible, rather than using a custom loading method.
Please load the editor using the Joomla API where possible, rather than using a custom loading method.
Yes, I am using Joomla API. Astroid works with media/vendor/tinymce/tinymce.js. But it raise error with media/com_jce/editor/tinymce/tinymce.js Can you help me check it?
Yes, I am using Joomla API. Astroid works with media/vendor/tinymce/tinymce.js. But it raise error with media/com_jce/editor/tinymce/tinymce.js
These are different versions of Tinymce and not completley compatible. JCE cannot be initialized using only javascript, this must be done using the Joomla Editor API.