TinyMCE Quattro and its wysiwyg bbcodes

TinyMCE Quattro and its wysiwyg bbcodes 2.7.2

No permission to download
@Carla Birch
I've tested again on local and no problem for me. Can you check the console to tell me what message you have. I'm going to modify a file to display in the console the url used to load the script.
 
I've just tested on one live site and it's working for me. So check your browser console. I've also updated 1 file on Github to display the script url used during a "lazy load".

Edit: and be sure your Forum Url in the XenForo options is correct.
 
Last edited:
@lms @Carla Birch
Ok, a preview of the version 1.6 is available on Github (a zip file can be directly downloaded). I don't release it here now since they have been a lot of important modifications. If some of you can test it, it would be nice. Thanks.
Hi, @cclaerhout and @Carla Birch

Installed and tested the No Attachnents option.
  1. With this option enabled, images are inserted in default editor (if none is clicked) or in the editor where you clicked and runs fine (parse good the attachments into img bbcode tags).
  2. With this option disabled, the image is now inserted in the last editor of the page.

Salud2

PD: See attach 31.webp
 
Hi, @cclaerhout and @Carla Birch

Installed and tested the No Attachnents option.
  1. With this option enabled, images are inserted in default editor (if none is clicked) or in the editor where you clicked and runs fine (parse good the attachments into img bbcode tags).
  2. With this option disabled, the image is now inserted in the last editor of the page.

Salud2

PD: See attach View attachment 58907
In any case you need to click first on the editor to focus it, then insert the img.
 
@Carla Birch
I've tested again on local and no problem for me. Can you check the console to tell me what message you have. I'm going to modify a file to display in the console the url used to load the script.
@cclaerhout

When opening the overlay editor it gives this, looks like something due to tagme plugin being missing.
PHP:
[19:58:14.808] "Loaded css 0, tiny_quattro_editor"
[19:58:14.988] XenForo.activate(%o) [object Object]
[19:58:15.022] "MCE Lazyloader"
[19:58:15.022] "Mce JS location: http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/tinymce.min.js"
[19:58:15.030] "XenForo editor message59903_ff2e6309_html, " [object Object]
[19:58:15.465] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/tinymce.min.js [HTTP/1.1 304 Not Modified 34ms]
[19:58:15.539] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/langs/xen.js [HTTP/1.1 304 Not Modified 36ms]
[19:58:15.540] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/themes/modern/theme.min.js [HTTP/1.1 304 Not Modified 36ms]
[19:58:15.541] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/xenadvhl/plugin.min.js [HTTP/1.1 304 Not Modified 36ms]
[19:58:15.541] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/bdtagme/plugin.min.js [HTTP/1.1 404 Not Found 38ms]
[19:58:15.542] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/advlist/plugin.min.js [HTTP/1.1 304 Not Modified 37ms]
[19:58:15.543] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/lists/plugin.min.js [HTTP/1.1 304 Not Modified 37ms]
[19:58:15.543] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/charmap/plugin.min.js [HTTP/1.1 304 Not Modified 74ms]
[19:58:15.544] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/visualchars/plugin.min.js [HTTP/1.1 304 Not Modified 74ms]
[19:58:15.544] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/fullscreen/plugin.min.js [HTTP/1.1 304 Not Modified 76ms]
[19:58:15.545] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/directionality/plugin.min.js [HTTP/1.1 304 Not Modified 74ms]
[19:58:15.546] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/searchreplace/plugin.min.js [HTTP/1.1 304 Not Modified 76ms]
[19:58:15.546] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/table/plugin.min.js [HTTP/1.1 304 Not Modified 75ms]
[19:58:15.547] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/xen_tagging/plugin.min.js [HTTP/1.1 304 Not Modified 107ms]
[19:58:15.547] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/xen_dropping/plugin.min.js [HTTP/1.1 304 Not Modified 107ms]
[19:58:15.548] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/paste/plugin.min.js [HTTP/1.1 304 Not Modified 113ms]
[19:58:15.548] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/textcolor/plugin.min.js [HTTP/1.1 304 Not Modified 112ms]
[19:58:15.549] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/autoresize/plugin.min.js [HTTP/1.1 304 Not Modified 114ms]
[19:58:15.550] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/xenforo/plugin.min.js [HTTP/1.1 304 Not Modified 114ms]
[19:58:15.550] GET http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/wordcount/plugin.min.js [HTTP/1.1 304 Not Modified 139ms]
[19:58:15.516] "Failed to load: http://www.yourpshome.net/js/sedo/tinyquattro/tinymce/plugins/bdtagme/plugin.min.js"
[19:58:18.030] "MCE failed"

Turn the Tag Me add on off and its working fine.
 
It simply means that the Javascript file of the bdtagme is not in the directory whereas it is declared in the list of TinyMCE plugin (must be a template modification or insertion). The lazy loader of TinyMCE will stop even only 1 error is detected. So better be sure of the configuration.
 
The file is at: js/bdTagMe/tinymce_plugin.js

have copied and renamed it to match the path and name in the logs and now it works with the add on turned on.
Unless TinyMCE has just updated their script, it should work with js/bdTagMe/tinymce_plugin.js.

@cclaerhout is there any recent updates to TinyMCE 4?
 
cclaerhout updated TinyMCE Quattro and its wysiwyg bbcodes with a new update entry:

Version 1.6.0 released

Version 1.6.0 released
  • This version has many important modifications that you will certainly not see.
  • Those who downloaded the preview, you have to reinstall this version. The loader has been improved.
  • I've integrated an official modification in the main TinyMCE file that has not been released yet. I thought it could help to achieve something in a different way, but no luck [ref]....

Read the rest of this update entry...
 
With TinyMCE 4, the plugin directory name must be in lower case, the plugin name (full source) must be plugin.js and it's minified version must be plugin.min.js. See this document for reference.
I believe I avoided doing that by including the plugin file before TinyMCE's. Probably need to revisit the issue.
 
I believe I avoided doing that by including the plugin file before TinyMCE's. Probably need to revisit the issue.
To initiate a plugin, its name just need to be inside the "plugins" element of the settings (from the template). After to declare the plugin (content of the plugin.js/plugin.min.js), two ways:

The new one:
Code:
tinymce.PluginManager.add('plugin_name', function(ed) {
   //My code
});

The old one
Code:
tinymce.create('tinymce.plugins.plugin_class_name',
{
     init: function(editor)
     {
     //This first element will be automatically constructed
     }
});

tinymce.PluginManager.add('plugin_name', tinymce.plugins.plugin_class_name);
 
To initiate a plugin, its name just need to be inside the "plugins" element of the settings (from the template). After to declare the plugin (content of the plugin.js/plugin.min.js), two ways:

The new one:
Code:
tinymce.PluginManager.add('plugin_name', function(ed) {
   //My code
});

The old one
Code:
tinymce.create('tinymce.plugins.plugin_class_name',
{
     init: function(editor)
     {
     //This first element will be automatically constructed
     }
});

tinymce.PluginManager.add('plugin_name', tinymce.plugins.plugin_class_name);
Yeah, I know that :D
 
Great mod and I was really excited to see an update! I had it disabled on my forum until I saw that it's now compatible with XF drafts.

I just updated to the 1.6.0 version and activated it on my forum, but I'm seeing something odd now. Every once in a while I'm seeing a 2nd box filled with html show up on the overlay and in the full post page. It doesn't show up all the time and I haven't been able to track down what actions cause it to appear or if it really is as random as it seems to be. I've attached a screenshot of what I'm seeing.
 

Attachments

  • editorbug.webp
    editorbug.webp
    122.1 KB · Views: 6
Great mod and I was really excited to see an update! I had it disabled on my forum until I saw that it's now compatible with XF drafts.

I just updated to the 1.6.0 version and activated it on my forum, but I'm seeing something odd now. Every once in a while I'm seeing a 2nd box filled with html show up on the overlay and in the full post page. It doesn't show up all the time and I haven't been able to track down what actions cause it to appear or if it really is as random as it seems to be. I've attached a screenshot of what I'm seeing.
Do you have at least something I could use to reproduce this bug? Is there anything inside the console ? What's your broswer?
 
Back
Top Bottom