jce icon indicating copy to clipboard operation
jce copied to clipboard

Conflict with tinymce-vue in Astroid Framework

Open sonvnn opened this issue 8 months ago • 4 comments

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:

  1. Install Astroid Framework 3.2.0
  2. Create an Article Layout with Text Widget
  3. Assign it to a Joomla Category
  4. Go to Joomla Content -> Add/Edit an article of category
  5. Go to Widget Tab and edit Text Widget

Expected behavior A clear and concise description of what you expected to happen.

Screenshots Image

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

sonvnn avatar Apr 21 '25 05:04 sonvnn

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.

ryandemmer avatar Apr 21 '25 08:04 ryandemmer

Please load the editor using the Joomla API where possible, rather than using a custom loading method.

ryandemmer avatar Apr 22 '25 08:04 ryandemmer

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?

sonvnn avatar Apr 24 '25 01:04 sonvnn

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.

ryandemmer avatar Apr 24 '25 06:04 ryandemmer