XF 2.2 Enable full Froala table editor

[Slion]

I'm looking at improving our WYSIWYG table editor to possibly bring the full feature set offered by Froala. Already released that Add-On to support colspan though only through BB code editor. I'm just not sure where to start to enable the missing Froala cell style options. The Html to BbCode to Html rendering loop I should be able to handle like I did for colspan.

 

[Slion]

So I found that tableEditButtons from editor.js but I'm not sure if and how an Add-On can change it. There is also a minified version of that file in that js\xf folder.

Resources:

Options - Froala

See all several hundred options, from apiKey to zIndex, to use in WYSIWYG editor. You can search this database as well.

froala.com

 

[Slion]

Looking at editor.js, it fires that editor:config event using jquery. Assuming that applies to the textarea I modified the editor template to inject the following but the event is not received:

    document.getElementsByName("{$htmlName}")[0].addEventListener("editor:config", function (aConfig,aEditor)                                                                {
        alert("editor:config");
    });

Not sure what I'm missing. I'm hoping I could modify the config from that event.

 

[Slion]

Looks like I actually went through that before:

XF 2.1 Post in thread 'Modifying Froala Editor options?'

May 4, 2021

My bad, I was using editor:init instead of editor:config, it does work, thanks.

In my case adding the flowing to the editor template did the trick:

<xf:js>
$(document).on('editor:config', function( aEvent, aConfig, aEditor) {
   //console.log(aConfig.paragraphFormat);
   // Instead of just assigning we want to merge our values with our input…
   // …to make sure we are compatible with other addons doing the same.
   // We also need to make sure keys are properly ordered.
   var paraFormat = {}
   var paraFormatOrdered = {
               N: 'Normal'...

• Slion

 

[James]

Looks like I actually went through that before:

XF 2.1 Post in thread 'Modifying Froala Editor options?'

May 4, 2021

My bad, I was using editor:init instead of editor:config, it does work, thanks.

In my case adding the flowing to the editor template did the trick:

<xf:js>
$(document).on('editor:config', function( aEvent, aConfig, aEditor) {
   //console.log(aConfig.paragraphFormat);
   // Instead of just assigning we want to merge our values with our input…
   // …to make sure we are compatible with other addons doing the same.
   // We also need to make sure keys are properly ordered.
   var paraFormat = {}
   var paraFormatOrdered = {
               N: 'Normal'...

• Slion

Solving your own problems since 2023! Are you AI?

 

[Slion]

Solving your own problems since 2023! Are you AI?

Starting to think I am. How can I tell? Would it change anything?