BBcode button in editor

by Dani David Tue 31 Oct - 10:55

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°1

BBcode button in editor

by Dani David Tue 31 Oct - 10:55

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

Last edited by Dani David on Fri 3 Nov - 0:54; edited 1 time in total

by **Ape** Tue 31 Oct - 11:47

Ape

Ape: Administrator; Posts : 19325
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

Post n°2

Re: BBcode button in editor

by Ape Tue 31 Oct - 11:47

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 Tue 31 Oct - 12:07

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°3

Re: BBcode button in editor

by Dani David Tue 31 Oct - 12:07

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 Tue 31 Oct - 12:17

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°4

Re: BBcode button in editor

by Dani David Tue 31 Oct - 12:17

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** Tue 31 Oct - 17:02

Ape

Ape: Administrator; Posts : 19325
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

Post n°5

Re: BBcode button in editor

by Ape Tue 31 Oct - 17:02

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

by **SLGray** Tue 31 Oct - 19:40

SLGray

SLGray: Administrator; Posts : 51499
Reputation : 3523
Language : English
Location : United States

Post n°6

Re: BBcode button in editor

by SLGray Tue 31 Oct - 19:40

Does it work? I mean the download BBCode tags.

When your topic has been solved, ensure you mark the topic solved.

Never post your email in public.

by SSYT Tue 31 Oct - 20:27

SSYT

SSYT: Forumember; Posts : 77
Reputation : 15
Language : RO-10, EN-3, FR-1
Location : Romania

Post n°7

Re: BBcode button in editor

by SSYT Tue 31 Oct - 20:27

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** Tue 31 Oct - 22:01

TheCrow

TheCrow: Manager; Posts : 6916
Reputation : 795
Language : Greek, English

Post n°8

Re: BBcode button in editor

by TheCrow Tue 31 Oct - 22:01

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.

 Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?

*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!

by Dani David Wed 1 Nov - 8:31

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°9

Re: BBcode button in editor

by Dani David Wed 1 Nov - 8:31

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** Wed 1 Nov - 14:50

Ape

Ape: Administrator; Posts : 19325
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

Post n°10

Re: BBcode button in editor

by Ape Wed 1 Nov - 14:50

your video is not playing

by Dani David Wed 1 Nov - 15:42

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°11

Re: BBcode button in editor

by Dani David Wed 1 Nov - 15:42

APE wrote:your video is not playing

Last edited by Dani David on Wed 1 Nov - 15:46; edited 1 time in total

by **Ape** Wed 1 Nov - 15:44

Ape

Ape: Administrator; Posts : 19325
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

Post n°12

Re: BBcode button in editor

by Ape Wed 1 Nov - 15:44

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 Wed 1 Nov - 15:50

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°13

Re: BBcode button in editor

by Dani David Wed 1 Nov - 15:50

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 Thu 2 Nov - 4:41

vietkanpy

vietkanpy: Forumember; Posts : 89
Reputation : 33
Language : vietnam

Post n°14

Re: BBcode button in editor

by vietkanpy Thu 2 Nov - 4:41

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 Thu 2 Nov - 9:38

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°15

Re: BBcode button in editor

by Dani David Thu 2 Nov - 9:38

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 Thu 2 Nov - 10:10

vietkanpy

vietkanpy: Forumember; Posts : 89
Reputation : 33
Language : vietnam

Post n°16

Re: BBcode button in editor

by vietkanpy Thu 2 Nov - 10:10

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** Thu 2 Nov - 10:19

SLGray

SLGray: Administrator; Posts : 51499
Reputation : 3523
Language : English
Location : United States

Post n°17

Re: BBcode button in editor

by SLGray Thu 2 Nov - 10:19

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

When your topic has been solved, ensure you mark the topic solved.

Never post your email in public.

by Dani David Thu 2 Nov - 10:35

Dani David

Dani David: Forumember; Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

Post n°18

Re: BBcode button in editor

by Dani David Thu 2 Nov - 10:35

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>"); });