The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to add this in sceditor button

3 posters

Go down

Solved How to add this in sceditor button

Post by sivastar March 8th 2023, 10:26 am

Code:
[table style="padding: 8px 15px; border-width: 1px 1px 1px 5px; border-style: solid; border-color:  #eee #eee #eee rgb(107, 166, 94); background: #fafafa;color: #666666;border-radius: 3px;"]
[tr][td][b][color=#6ba65e]<i class="fa fa-hashtag"></i>  Keywords[/color][/b] #text[/td]
[/tr]
[/table]

Help me to add this in sceditor button

Thanks in advance


Last edited by sivastar on March 8th 2023, 4:44 pm; edited 1 time in total
sivastar
sivastar
Forumember

Male Posts : 152
Reputation : 16
Language : Tamil
Location : Malaysia

http://www.eegarai.net

Back to top Go down

Solved Re: How to add this in sceditor button

Post by Razor12345 March 8th 2023, 2:22 pm

Good afternoon!

This can be done on the basis of this tutorial.


How to add this in sceditor button  Screen51
Razor12345
Razor12345
Support Moderator
Support Moderator

Male Posts : 1462
Reputation : 262
Language : Ukr, Rus, Eng
Location : Ukraine

sivastar and SarkZKalie like this post

Back to top Go down

Solved Re: How to add this in sceditor button

Post by sivastar March 8th 2023, 3:08 pm

Hi @Razor12345
Thank you for reply.

but i want the code like this

Code:
$(function(){
    var CopyrightNotice = 'Copyright StafferGroupBR™ © 2013 / All right reserved.';
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(https://i.servimg.com/u/f56/17/71/75/73/revu-f11.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText("<p class=\'einfo\'>","</p>");
        });
      });
});

Kindly edit this Javascript
sivastar
sivastar
Forumember

Male Posts : 152
Reputation : 16
Language : Tamil
Location : Malaysia

http://www.eegarai.net

Back to top Go down

Solved Re: How to add this in sceditor button

Post by TheCrow March 8th 2023, 4:28 pm

Hey there,

All you need to do is add an other javascript with this code in it:
Code:
$(function(){
    var CopyrightNotice = 'Copyright StafferGroupBR:tm: :copyright: 2013 / All right reserved.';
      $(function(){
        $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(https://i.servimg.com/u/f56/17/71/75/73/revu-f11.png)">a</div></a>').insertBefore('.sceditor-button-size').click(function(){
                $('#text_editor_textarea').sceditor("instance").insertText('[table style="padding: 8px 15px; border-width: 1px 1px 1px 5px; border-style: solid; border-color:  #eee #eee #eee rgb(107, 166, 94); background: #fafafa;color: #666666;border-radius: 3px;"][tr][td][b][color=#6ba65e]<i class="fa fa-hashtag"></i>  Keywords[/color][/b] #','[/td][/tr][/table]');
        });
      });
});

Kind regards,
TC.
TheCrow
TheCrow
Manager
Manager

Male Posts : 6913
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

sivastar, SarkZKalie, TonnyKamper and Razor12345 like this post

Back to top Go down

Solved Re: How to add this in sceditor button

Post by sivastar March 8th 2023, 4:42 pm

Thank you @TheCrow

salut
sivastar
sivastar
Forumember

Male Posts : 152
Reputation : 16
Language : Tamil
Location : Malaysia

http://www.eegarai.net

TheCrow likes this post

Back to top Go down

Solved Re: How to add this in sceditor button

Post by TheCrow March 8th 2023, 4:45 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
TheCrow
TheCrow
Manager
Manager

Male Posts : 6913
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum