Technical Details

Forum version : #AwesomeBB
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.imgur.com/JhUmIw1.png
Who the problem concerns : All members
When the problem appeared : Cannot pinpoint a specific moment.
Forum link : ( link is hidden, you must reply to see )

Description of problem

Hello everybody!
I've recently moved the Forum to AwesomeBB. I know it's currently still in Beta, but this also happened in phpBB3.

As you can see in the screenshot I've uploaded (https://i.imgur.com/JhUmIw1.png), many options are missing in the Quick-Reply mode.
For example, as I type this message I can see more options in this Quick-Reply box at ForumMotion than I do in my own forum.

And also, the Giphy icon is the YouTube one (this also happens in the Full Reply mode).

Thanks.

hello

try these options and see if the issue is still persists

- if you have modified the templates force the templates to default 
- turn off the javascript

Also try and Clear your browser's

  Helpful topic:
How to - Clear the cache & Cookies in Your browsers

Neither of those worked, unfortunately.

i requested on another post a test account ..to check this issue also

Hello @F D B,

I think to solved your problem you just need to delete this code in your stylesheet (CSS):

Code:

.sceditor-button div, div.sceditor-grip {
    background-image: url(https://i.imgur.com/LyI9qEV.png)!important;
}

pedxz wrote:Hello @F D B,

I think to solved your problem you just need to delete this code in your stylesheet (CSS):

Code:

.sceditor-button div, div.sceditor-grip {
    background-image: url(https://i.imgur.com/LyI9qEV.png)!important;
}

Thanks but Hmmm, that fixed the wrong Giphy icon on the toolbar. But I'm still not getting all the options in quick-reply.

skouliki wrote:i requested on another post a test account ..to check this issue also

Sure, I will create it and PM it to you.

Please don't double post. Your posts need to be separated by 24 hours use the edit button or the multi-quote button instead

pm received thank you

@F D B this is the default quick reply editor for this version

@skouliki OK, so it's an AwesomeBB thing then?

on my test forum with the default settings i have the same quick reply editor

i do not know if this code applies on the quick reply also https://help.forumotion.com/t155678-tutorial-ckeditor

keep in mind that the AwesomeBB version is still on BETA mode

skouliki wrote:on my test forum with the default settings i have the same quick reply editor

i do not know if this code applies on the quick reply also https://help.forumotion.com/t155678-tutorial-ckeditor

keep in mind that the AwesomeBB version is still on BETA mode

Tried it. Works. But still the emojis and tweemojis are missing.

replace the code with this

Code:


/*
 *  Application: CKEditor
 *  Version: Only AwesomeBB
 *  Date: 30/04/2018
 *  Version: 1.030042018
 *  Copyright (c) CKSource and Adapted to forumotion by Daemon <help.forumotion.com>
 *  This work is free. You can redistribute it and/or modify it
 */
$(function() {
 
  if (_board.tpl_version !== 'awesomebb') return;
 
    $.ajax({
        type: 'GET',
        url: 'https://cdn.ckeditor.com/4.13.0/standard-all/ckeditor.js',
        dataType: 'script',
        success: function() {
            CKEDITOR.replace('quick-reply-textarea', {
                extraPlugins: 'bbcode'
            });
        },
        error: function(jqXHR, textStatus, errorThrown) {
            if(jqXHR.status == 500) {
                console.log('Internal error: ' + jqXHR.responseText);
            } else {
                console.log('Unexpected error.');
            }
        }
    });
    $(function() {
        $('#quick-reply-textarea').sceditor('instance').destroy();
    });
});


@skouliki Done
Any way to move the camera (upload image) and the post message icons elsewhere?

I'd like to place them both at the bottom-right corner next to the text editor box. One above the other.



EDIT: Also, I'm getting this issue (missing icons) with the new editor:





Without the new editor:

if you use the previous one without the smilies ?

@skouliki Yup, the same problem still happens.

OH by the way, I had to use the last code provided in the link you gave me earlier because the one you copied here didn't work at all.

I ended up with this one:

Code:

(function($) {
 
    $(function() {
 
        if (_board.tpl_version !== 'awesomebb') return;
        if (!$('form[action="/post"]').length) return;
   
        $.ajax({
            type: 'GET',
            url: 'https://cdn.ckeditor.com/4.15.0/standard-all/ckeditor.js',
            dataType: 'script',
            success: function() {
              CKEDITOR.replace(($.sceditor ? 'text_editor_textarea' : 'quick-reply-textarea'), {
                    height: 200,
                width: 1000,
                    extraPlugins: 'bbcode,smiley,font,colorbutton,justify,horizontalrule',
                    language: _userdata.user_lang,
                    removePlugins: 'filebrowser,format,pastetext,pastefromword,scayt,showborders,stylescombo,table,tabletools,tableselection,wsc',
                    removeButtons: 'Anchor,BGColor,Font,Strike,Subscript,Superscript,JustifyBlock',
                    disableObjectResizing: true,
                    fontSize_sizes: "16/16px;18/18px;24/24px;30/30px"
                });
            },
            error: function(jqXHR, textStatus, errorThrown) {
                if (jqXHR.status == 500) {
                    console.log('Internal error: ' + jqXHR.responseText);
                } else {
                    console.log('Unexpected error.');
                }
            }
        });
   
      if(!$.sceditor) return;
     
        $('#quick-reply-textarea').sceditor('instance').destroy();
 
    });
})(jQuery);

i think the best is to leave a message on that thread indicate the issue tagging daemon or @pedxz

The problem comes like this as AwesomeBB version is still getting updates so there is bugs that need to be fixed and things still need to be added.

Please understand AwesomeBB is made to be a really basic fast and smooth running forum to help be Mobile phone and tablet friendly so not all the editor will be added.

Please also remember some javaScripts you may be running from your old forum version will need to be changed or removed as the codes are not the same at all and will not work on all forums.

@F D B: Change the CKEditor's script to:

Code:

(function($) {
    'use strict';
 
 
    $(function() {
     
        if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) return;
        if(!$.sceditor) return;
 
        toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source';
 
        $('.quick-reply-textarea-wrap')
          .find('.avatar-default')
          .remove();
 
    });
}(jQuery));

Use in the topics (investment)

---

Demo

pedxz wrote:@F D B: Change the CKEditor's script to:

Code:

(function($) {
    'use strict';
 
 
    $(function() {
     
        if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) return;
        if(!$.sceditor) return;
 
        toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source';
 
        $('.quick-reply-textarea-wrap')
          .find('.avatar-default')
          .remove();
 
    });
}(jQuery));

Use in the topics (investment)

Thanks. But that removed the CKEditor altogether. I'm back with the usual Quick-Reply box.

@F D B: I did not understand your question. Don't you want to have more options in the quick reply? When using my script you will be adding more options to the editor in fact all the options exist in SCEditor nevertheless Skouliki gave to you another option the CKEditor. So summed up: you can use the #CKEditor only in the topics (quick reply - you will have two editors) or use only the #SCEditor

when the member enables the script..any of the two codes...  the mod tools vanish (screenshots above)

pedxz wrote:@F D B: I did not understand your question. Don't you want to have more options in the quick reply? When using my script you will be adding more options to the editor in fact all the options exist in SCEditor nevertheless Skouliki gave to you another option the CKEditor. So summed up: you can use the #CKEditor only in the topics (quick reply - you will have two editors) or use only the #SCEditor

Yeah you did understand the question mate (the screenshot you posted above my other post was spot on), but the code you provided didn't work.

I just can't seem to get the Moderator tools (the icons) if I enable the script, using any of the codes I've found including the one your povided.
I tried deleted the only other Javascript I had, and still didn't work.

Do you have any Templates changed on your forum ?

If yes just turn them off and see if you still have the same problem.

I just can't seem to get the Moderator

With CKEditor I also have this problem because the function

Code: destroy()

it's not working so if you remove this line:

Code:

if(!$.sceditor) return;
     
        $('#quick-reply-textarea').sceditor('instance').destroy();

will work but with issues it's better use the other code that I gave you

pedxz wrote:

I just can't seem to get the Moderator

With CKEditor I also have this problem because the function

Code: destroy()

it's not working so if you remove this line:

Code:

if(!$.sceditor) return;
     
        $('#quick-reply-textarea').sceditor('instance').destroy();

will work but with issues it's better use the other code that I gave you

F D B wrote:

pedxz wrote:@F D B: Change the CKEditor's script to:

Code:

(function($) {
    'use strict';
 
 
    $(function() {
     
        if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) return;
        if(!$.sceditor) return;
 
        toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source';
 
        $('.quick-reply-textarea-wrap')
          .find('.avatar-default')
          .remove();
 
    });
}(jQuery));

Use in the topics (investment)

Thanks. But that removed the CKEditor altogether. I'm back with the usual Quick-Reply box.

Like I said Thanks but the script you provided above removed the CKEditor altogether. Got me back to the usual Quick-Reply box.

OK! Sorry! Start over. Forget the CKEditor delete it The code have a problem that I will see when I have time. Focus on this script:

Code:

(function($) {
    'use strict';
 
 
    $(function() {
   
        if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) return;
        if(!$.sceditor) return;
 
        toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,giphy,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,twemojifa,date,time,pastetext,source';
 
        $('.quick-reply-textarea-wrap')
          .find('.avatar-default')
          .remove();
 
    });
}(jQuery));

It will give quick reply more options without using another editor and the moderation tools work