Add a [Preview - Send - Save] button to the quick reply editor: AwesomeBB

Find the next part in viewtopic_body template

Code:

{QUICK_REPLY_FORM}

replace it with

Code:

{QUICK_REPLY_FORM}

<style>

        .sceditor-toolbar {
    text-align: center;
}
  .quick-reply-side-btns {
    display: flex;
    position: inherit;
    justify-content: center;
}

.quick-reply-send,.quick-reply-preview {
    background: #2196f3;
    border-radius: 7px;
    color: #f0ffff;
    margin: 10px;
    height: 40px;
    width: 100px;
}
.quick-reply-send:hover,.quick-reply-preview:hover {
    background: #191e20;
}

.quick-reply-preview,.quick-reply-send {
    padding-bottom: 48px;
}
</style>
<script type="text/javascript">
(function($) {
         toolbar = 'bold,italic,underline,strike|left,center,right,justify|bulletlist,orderedlist,horizontalrule|quote,code,faspoiler,fahide,table|servimg,image,,link,youtube,dailymotion|headers,size,color,font,removeformat|more|subscript,superscript|fascroll,faupdown,farand|mention,emoticon,twemojifa,date,time,pastetext,source';              
}(jQuery));
</script>

________________________

We hope you like this   Trick.



----------------------------------
This tutorial was written by كونان2000 ^^

Tutorial has been updated,
Previously, the educational program was in only one language, which is English


Now it works in all languages

Brilliant !

Thank you for sharing \m/

@كونان2000I was looking for change the preview text to put in Spanish and I can not find where to change it.

@SarkZKalie Thank you ⁩ (◠‿◠)
---

hi @jucarese
The language of the button changes automatically according to preferences.


(●'◡'●)

@كونان2000
Hello I do not see the button save
https://awesomebb.foroactivo.com/t1-tu-primer-tema

jucarese wrote:@كونان2000
Hello I do not see the button save
https://awesomebb.foroactivo.com/t1-tu-primer-tema

 
I tested also
I use the code to my test forum ( default templates ) no java
And i have the same issue no save button

Hello
@skouliki @jucarese
-----

Administration Panel >> General >> Messages and emails
Configuration
Enable message draft feature : yes

i can confirm that now it is ok

كونان2000 wrote:Hello
@skouliki @jucarese
-----

Administration Panel >> General >> Messages and emails
Configuration
Enable message draft feature : yes

@كونان2000 these information should be on the first post of the tutorial so everyone would know that this is necessary to see the button. I would suggest adding it to the first post here.

Regards,
TC.

TheCrow wrote:@كونان2000 these information should be on the first post of the tutorial so everyone would know that this is necessary to see the button. I would suggest adding it to the first post here.

Regards,
TC.

First post edited   
Thank you (●'◡'●)

Welcome everyone,
Tutorial has been updated
Now the [Preview] button is available in all forums 
https://forum.forumactif.com/t406890-sujet-bouton-de-previsualiser-dans-la-version-awesomebb-lorsque-l-ecran-est-grand


1 The [Save] button has been removed.
2 The codes have been changed in the first post
---------

Thanks to all