BBcode button in editor

by Dani David October 31st 2017, 10:55 am

Hi! i need help, how do i add a bbcode button in the editor, that's bbcode
[download] download link [/ download]
Thx!

by **Ape** October 31st 2017, 11:47 am

Hello and thank you for using forumotion English support.

My name is APE and i will try and help you today.

Before we can help you we need to understand what type of download you want.

We already have a system installed on the Editor for downloading Photo's pictures Images. the button in the Editor looks like this  BBcode button in editor Serv10

This is a great tool and it's unlimited to Founders and your members.

If this is not what you mean then please try and give us as much info about what you want to do so we can try and help you some more.

Kind regards.

APE.

by Dani David October 31st 2017, 12:07 pm

This button I want to insert link file transfer or hosting. I do not want the link to appear, just a download button.
Below you have pictures you want.
I hope you understand.

by Dani David October 31st 2017, 12:17 pm

I have an js and css code but I want a button in the editor do not do manual and without this row
Posts Required = 3,
message = "To access the link, please open a topic at the appropriate section. Thank you!";

js code

Code:: $ (function () var p = $ ('post'), Posts Required = 3, message = "To access the link, please open a topic at the appropriate section. Thank you!"; for (var i = 0; i <p.length; i ++) { (\ d +) - \ / t (\ d +) p (\ d *) - / test (window.location.href) if (_userdata.user_posts <RequestedNews) p [i] .innerHTML = p [i] .innerHTML.replace (/ \ download \] (. *?) \ [\ / download \] / message); } } });

css code

Code:: div#download-link { background: #368ad2; width: 10%; text-align: center; padding: 5px; color: white; font-size: 14px; }

bbcode

[download] download link [/ download]

by **Ape** October 31st 2017, 5:02 pm

Not sure I can help with this one but I think maybe @Draxion @Luffy or maybe @Ace 1 can help you.

by **SLGray** October 31st 2017, 7:40 pm

Does it work? I mean the download BBCode tags.

by SSYT October 31st 2017, 8:27 pm

Try it code.

Code:: $(function() { var Required_Post = 3, Open_Type = true, // True = open on new tab, False = no open new tab, open on curent tab Show_ERROR_Message = 'To access the link, please open a topic at the appropriate section. Thank you!'; for(var i = 0, j = $('.post'); i <= j.length; i++) { if(/\/t(\d+)-|\/t(\d*)p(\d+)-/g.test(window.location.href)) { if(_userdata.user_posts <= Required_Post) { j[i].innerHTML = j[i].innerHTML.replace(/\[download=(.*?)\]/g, Show_ERROR_Message); } else if(_userdata.user_posts > Required_Post) { (Open_Type == true) ? j[i].innerHTML = j[i].innerHTML.replace(/\[download=(.*?)\]/g, "<div id=\"download-link\"><a href=\"$1\" target=\"_blank\">Download</a></div>") : j[i].innerHTML = j[i].innerHTML.replace(/\[download=(.*?)\]/g, "<div id=\"download-link\"><a href=\"$1\">Download</a></div>"); } } } });

Use on topic:

Code:: [download=url link]

by **TheCrow** October 31st 2017, 10:01 pm

I am not sure what you're trying to do here. You want to have the button on the editor which this button will do what? You need to improve your code? You need a new code? I am a little bit confused to be honest.

by Dani David November 1st 2017, 8:31 am

Luffy wrote:I am not sure what you're trying to do here. You want to have the button on the editor which this button will do what? You need to improve your code? You need a new code? I am a little bit confused to be honest.

I need a code and a button in the editor to insert transfer links, I do not want to see the link just a download button.
I have a button in the editor do not use bbcode manually as ssyt said

Here's what I want

by **Ape** November 1st 2017, 2:50 pm

your video is not playing

by Dani David November 1st 2017, 3:42 pm

APE wrote:your video is not playing

by **Ape** November 1st 2017, 3:44 pm

Still not playing see BBcode button in editor Captur35

If you made the video you need to make it public and publish it so we can see it play.

by Dani David November 1st 2017, 3:50 pm

APE wrote:Still not playing see
If you made the video you need to make it public and publish it so we can see it play.

by vietkanpy November 2nd 2017, 4:41 am

you can view code : http://www.hotrofm.net/t168-code-bbcode-nut-demo-va-dowload-cuc-dep-voi-font-awesome

good lucky

by Dani David November 2nd 2017, 9:38 am

vietkanpy wrote:you can view code : http://www.hotrofm.net/t168-code-bbcode-nut-demo-va-dowload-cuc-dep-voi-font-awesome

good lucky

Nice,but it not work,the buttons appear in the editor but do not work

this appears in the message

by vietkanpy November 2nd 2017, 10:10 am

Dani David wrote:
vietkanpy wrote:you can view code : http://www.hotrofm.net/t168-code-bbcode-nut-demo-va-dowload-cuc-dep-voi-font-awesome

good lucky

Nice,but it not work,the buttons appear in the editor but do not work

this appears in the message

Demo : http://forum-reddragon.2forum.biz/t4615-test-bbcode-dowload#6344

BBcode button in editor JVqPo-ibQNeBm_soQrT6Iw

i dont say English Sad

by **SLGray** November 2nd 2017, 10:19 am

Please only link to tutorials that are in English since this is the official English support forum.

by Dani David November 2nd 2017, 10:35 am

That's the js code

Code:: $(document).on('ready',function(){ $('.btn-slide1 a').each(function(){ var davhotrofmdemo=$(this).attr('href');$(this).prepend('<a target="_blank" src="'+davhotrofmdemo+'" class="btn-slide"><span class="circle"><i class="fa fa-rocket"></i></span><span class="title">Demo</span><span class="title-hover">Click here</span> </a>')} )}); $(document).on('ready',function(){ $('.btn-slide3 a').each(function(){ var davhotrofmdow=$(this).attr('href');$(this).prepend('<a target="_blank" src="'+davhotrofmdow+'" class="btn-slide2"><span class="circle2"><i class="fa fa-download"></i></span><span class="title2">Download</span><span class="title-hover2">Click here</span></a>')} )}); $(function(){ $(function(){ $('<a class="sceditor-button sceditor-button-new-button-demo" unselectable="on" title="Additional Info on Hover Here"><div unselectable="on" style="background-image:url(http://icons.iconarchive.com/icons/saki/nuoveXT/16/Apps-demo-icon.png)">Dowload</div></a>').insertAfter('.sceditor-button-fahide').click(function(){ $('#text_editor_textarea').sceditor("instance").insertText("[table class=btn-slide1][tr][td]","[/td][/tr][/table]"); }); }); $(function(){ $('<a class="sceditor-button sceditor-button-new-button-dowload" unselectable="on" title="Additional Info on Hover Here"><div unselectable="on" style="background-image:url(http://icons.iconarchive.com/icons/7ur/iConPack/16/dowload-icon.png)">Dowload</div></a>').insertAfter('.sceditor-button-fahide').click(function(){ $('#text_editor_textarea').sceditor("instance").insertText("[table class=btn-slide3][tr][td]","[/td][/tr][/table]"); }); }); }); $(function(){ $("p").prepend("<style>.btn-slide1, .btn-slide3 { font-size: 0px; } .btn-slide, .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; } .btn-slide2 { border: 2px solid #efa666; } .btn-slide:hover { background-color: #0099cc; } .btn-slide2:hover { background-color: #efa666; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #0099cc; } .btn-slide2:hover span.circle2 { color: #efa666; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide span.circle, .btn-slide2 span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide2 span.circle2 { background-color: #efa666; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #30abd5; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #efa666; left: 80px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #fff; }.btn-slide3 .fa, .btn-slide1 .fa {font-size: 25px;padding: 8px;}</style>"); });