TinyMCE Quattro and its wysiwyg bbcodes

TinyMCE Quattro and its wysiwyg bbcodes 2.7.2

No permission to download
Overview FAQ Updates (83) Reviews (32) History Discussion
@HWS & @ @jonoathome
I've updated the addon files on Github and integrating the futur official fix for the iOS paste problem. I've tested, it's working now. You just have to use this file instead of the one from the former archive on XenForo. I'm not going to update the archive on XenForo yet since MCE 4.0.6 should be released soon.

P.S: the person to thank is Spoke (ref), the developper of MCE, not me.
 
  • Like
Reactions: HWS
Here's just an early (very early) preview of what should come next. Recreate a parser for {} tags, even basic, was the hardest to do I think.
earlypreview.webp
 
cclaerhout updated TinyMCE Quattro with a new update entry:

Version 1.3.0 released

Version 1.3.0 released
  • Activation of the TinyMCE Table functions & button
    • All table html tags (thead, tbody, caption, etc.) are supported (see here for reference)
    • All table html tags settings are supported and protected
    • Some table tags settings can be configured, especially maximum values
    • Implementation of a table bbcode in the background (default tag: xtable) with its wysiwyg mode (only...
Click to expand...

Read the rest of this update entry...
 
Screenshots 1/2:
 

Attachments

  • mce35.webp
    mce35.webp
    44.7 KB · Views: 27
  • mce36.webp
    mce36.webp
    84.4 KB · Views: 25
  • mce37.webp
    mce37.webp
    29.4 KB · Views: 26
  • mce38.webp
    mce38.webp
    24.7 KB · Views: 27
  • mce39.webp
    mce39.webp
    35.4 KB · Views: 27
  • mce40.webp
    mce40.webp
    21.9 KB · Views: 26
  • mce41.webp
    mce41.webp
    39.8 KB · Views: 26
  • mce42.webp
    mce42.webp
    37 KB · Views: 26
  • mce43.webp
    mce43.webp
    27.4 KB · Views: 27
  • mce44.webp
    mce44.webp
    16 KB · Views: 28
  • mce45.webp
    mce45.webp
    51 KB · Views: 26
  • mce46.webp
    mce46.webp
    50.7 KB · Views: 27
@Spawne32
It looks nice but not really functional. Did you have any problems during the update? I've tested an update on a live board (XenForo 1.2.x) and didn't have any problem. I'm going to test on XenForo 1.1.x. It isn't a Javascript problem. Try to clean your cache and if it doesn't work, proceed to the update again (upload the style directory again, it seems the icon fonts are not found).

Edit: working with XenForo 1.1.x
 
Last edited:
In ACP I change @tinyquattro_button font-size from default 14px to 12px. I see changes in both tiny_quattro_editor.css files (.mce-btn button), but in Bimg Insertion Panel (.mce-foot) .mce-btn button is always font-size: 14px. What I missed? Help please.
 
KiF said:
In ACP I change @tinyquattro_button font-size from default 14px to 12px. I see changes in both tiny_quattro_editor.css files (.mce-btn button), but in Bimg Insertion Panel (.mce-foot) .mce-btn button is always font-size: 14px. What I missed? Help please.
Click to expand...
The style properties for this addon must be improved, but it should work. The problem is it will modify buttons inside the modal windows and buttons inside the editor toolbar. If you want to target elements, you can try this:
Code: 
//For overlay buttons
.mce-floatpanel .mce-btn button{

}

//Editor buttons bar buttons (except the text button, needs to add a span)
.mce-toolbar .mce-btn button{

}

But to be honest, optimizing the style properties it's not my priority. If you have any advice, please do, but don't expect them to be applied soon.
 
  • Like
Reactions: KiF
A few things:
  1. A new version of TinyMCE has been released (4.0.7)
  2. There have been many CSS changes. It took a lot of time to update all the css templates, even if these templates might become less and less useful... a new tool has been released: Skin Creator. No need to say more about it, just have a look. So I've updated this addon to be able to use this new tool. I will release this version soon, but here are a few screenshots at the moment.

Create
create.webp

Upload
upload.webp

Configure
configure.webp

Use
use.webp
 
cclaerhout updated TinyMCE Quattro and its wysiwyg bbcodes with a new update entry:

Version 1.4.0 released

Version 1.4.0 released

  • Updated to the new version of TinyMCE (4.0.7):
    • Many important CSS changes
    • New tool to create skins: try it!
    • Paste plugin has been improved
  • The framework has been updated with a new option to use directly TinyMCE skin without loosing custom Buttons & Tools
  • Integration of the XenForo drafts system (as an option - disable by default) in pages that support it
  • Integration of the XenForo...
Click to expand...

Read the rest of this update entry...
 
Cédric, I found a german language file for the editor. Where would I place this to make use of it? Or is this not possible at all?
 
Thee said:
Cédric, I found a german language file for the editor. Where would I place this to make use of it? Or is this not possible at all?
Click to expand...
To translate the editor, you need to use the XenForo phrase system, like any other XenForo addon. In the admin panel, choose your language, select the addon, check "get untranslated phrases". You've got a xml file that you can use to translate.
translate.webp
 
It seems the XenForo Ressource Manager has a little bug at the moment. To download this version, go to Github or wait the problem is fixed. Thanks.
 
You must log in or register to reply here.
Back
Top Bottom