Use "Style Manager" with CMS

[Bluesman]

Hi Pablo... wonder if it's possible to use the "Style manager" for managing font styles because the editors are som limited?

[Pablo]

No, that will not be possible. The editors are third party scripts, so they have no 'connection' with WWB.
However some editors, like Summer note have a lot of customization options.
https://summernote.org/deep-dive/#custom-styles

[Bluesman]

No, that will not be possible. The editors are third party scripts, so they have no 'connection' with WWB.
However some editors, like Summer note have a lot of customization options.
https://summernote.org/deep-dive/#custom-styles

Hi Pablo. Tnx so much for answering. I have been looking at this page with the customization options... tryed some but seam I am placing this tags in the wrong place... can you please give me a hint in which file and were?

[Pablo]

The options can be added via 'Editor Settings' in the properties of the CMS Admin.

See also:
https://www.wysiwygwebbuilder.com/forum ... hp?t=95265

[Bluesman]

The options can be added via 'Editor Settings' in the properties of the CMS Admin.

See also:
https://www.wysiwygwebbuilder.com/forum ... hp?t=95265

Hi Pablo... I'm so sorry to b "a pain in the a...." for you But I've tried before and now again... no mather which of the settings I enter I get this result:

1. Enter the code here:


2. Looks like this (no editor tools at all):


3. Erasing the code and publish, back to standard (normal)


Some confused...

[Pablo]

The syntax of the settings is not correct.

See also:
https://www.wysiwygwebbuilder.com/forum ... hp?t=95265

[Bluesman]

The syntax of the settings is not correct.

See also:
https://www.wysiwygwebbuilder.com/forum ... hp?t=95265

Pablo... on the post you refer to I copied the second code example in full (select all) as this:

Code: Select all

'toolbar': [
            ['style', ['style',]],
            ['font', ['fontname', 'fontsize', 'bold', 'italic', 'strikethrough', 'clear',]],
            ['color', ['forecolor', 'backcolor', ]],
            ['para', ['ul', 'ol', 'height']],
            ['insert', ['link']],
            ['misc', ['picture', 'fullscreen', 'codeview', 'print', 'help', ]],
        ],

'fontNames': ['Spectral', 'Quicksand'],
'fontNamesIgnoreCheck': ['Spectral', 'Quicksand']

toolbar: [
    // [groupName, [list of button]]
   ['style', ['style']],
   ['font', ['clear', 'fontname', 'fontsize', 'fontsizeunit' , 'forecolor' , 'backcolor' , 'strikethrough', 'superscript', 'subscript']],
   ['misc', ['undo', 'redo']],
   ['color', ['color']],
   ['para', ['ul', 'ol', 'paragraph']],
   ['table', ['table']],
   ['insert', ['link', 'picture', 'video', 'hr']],
   ['view', ['codeview', 'help']]
  ]
  
toolbar: [
    // [groupName, [list of button]]
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']]
    
toolbar: [
['style', ['style']],
['font', ['clear', 'fontname', 'fontsize', 'fontsizeunit' , 'strikethrough', 'superscript', 'subscript']],
['misc', ['undo', 'redo']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']],
['insert', ['link', 'picture', 'video', 'hr']],
['view', ['codeview', 'help']],

toolbar: [
['style', ['style']],
['font', ['clear', 'fontname', 'fontsize', 'fontsizeunit' , 'forecolor' , 'backcolor' , 'strikethrough', 'superscript', 'subscript']],
['misc', ['undo', 'redo']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']],
['insert', ['link', 'picture', 'video', 'hr']],
['view', ['codeview', 'help']],

Get the same result... what syntax shall I use?

[Pablo]

For example:

Code: Select all

toolbar: [
    // [groupName, [list of button]]
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']]
  ]

Note that this is not specific to WWB. The settings will be inserted "AS IS".

[Bluesman]

Now got it Pablo... was confused about the "select all" option in the code insert, followed strictly
But now seing what parts to use, its more logic...
So thanks for having patience with me

[Bluesman]

For example:

Code: Select all

toolbar: [
    // [groupName, [list of button]]
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']]
  ]

Note that this is not specific to WWB. The settings will be inserted "AS IS".

Hi again Pablo... getting late in Europe now... but here in Ecuador still working hour
I have now implemented a toolbar that I like and it works good But I am checking how to extend the fonts in the list... I have this example that I try to implement:

Code: Select all

'fontNames': ['Spectral', 'Quicksand'], 'Merriweather'],
'fontNamesIgnoreCheck': ['Spectral', 'Quicksand'], 'Merriweather']

To this code that works perfect:

Code: Select all

toolbar: [
    // [groupName, [list of button]]
   ['style', ['style']],
   ['font', ['clear', 'fontname', 'fontsize', 'fontsizeunit' , 'forecolor' , 'backcolor' , 'strikethrough', 'superscript', 'subscript']],
   ['misc', ['undo', 'redo']],
   ['color', ['color']],
   ['para', ['ul', 'ol', 'paragraph']],
   ['height', ['height']],
   ['table', ['table']],
   ['insert', ['link', 'picture', 'video', 'hr']],
   ['view', ['codeview', 'help']]
  ]

But have tried some ways but doesn't work for me

[Pablo]

Note that I cannot provided support on third party script like the editor.
The reason why I replied to your post is to help you in the right directly, but I cannot help you figure out the right configuration. For me that may also take a lot of time and this is not specific for WWB.

[Bluesman]

Note that I cannot provided support on third party script like the editor.
The reason why I replied to your post is to help you in the right directly, but I cannot help you figure out the right configuration. For me that may also take a lot of time and this is not specific for WWB.

I am aware of that and is very greatful for the help you have provided to me.