The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

BBcode button in editor

View previous topic View next topic Go down

Solved BBcode button in editor

Post by Dani David on 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!


Last edited by Dani David on November 3rd 2017, 12:54 am; edited 1 time in total
avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by APE on 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 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.



avatar
APE
Manager
Manager

Male Posts : 10994
Reputation : 1031
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David on 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.



avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David on 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]
avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by APE on 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.



avatar
APE
Manager
Manager

Male Posts : 10994
Reputation : 1031
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray on October 31st 2017, 7:40 pm

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40868
Reputation : 2773
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by SSYT on 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]
avatar
SSYT
Forumember

Male Posts : 48
Reputation : 3
Language : RO-10, EN-3, FR-1
Location : Romania

http://help.forumgratuit.ro/forum

Back to top Go down

Solved Re: BBcode button in editor

Post by Luffy on 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.





avatar
Luffy
Manager
Manager

Male Posts : 4875
Reputation : 498
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David on 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
avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by APE on November 1st 2017, 2:50 pm

your video is not playing



avatar
APE
Manager
Manager

Male Posts : 10994
Reputation : 1031
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

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

@APE wrote:your video is not playing



Last edited by Dani David on November 1st 2017, 3:46 pm; edited 1 time in total
avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by APE on November 1st 2017, 3:44 pm

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



avatar
APE
Manager
Manager

Male Posts : 10994
Reputation : 1031
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David on 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.

avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by vietkanpy on November 2nd 2017, 4:41 am

avatar
vietkanpy
Forumember

Male Posts : 64
Reputation : 28
Language : vietnam

http://www.hotrofm.net/

Back to top Go down

Solved Re: BBcode button in editor

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


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



this appears in the message



avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by vietkanpy on November 2nd 2017, 10:10 am

@Dani David wrote:

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




i dont say English Sad
avatar
vietkanpy
Forumember

Male Posts : 64
Reputation : 28
Language : vietnam

http://www.hotrofm.net/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray on November 2nd 2017, 10:19 am

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 40868
Reputation : 2773
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David on 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>");
});

I do not understand what code it is

Code:
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray on November 2nd 2017, 10:38 am

The last code is for the image in the editor toolbar if you do not already have it on your forum. It is for Font Awesome.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40868
Reputation : 2773
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by vietkanpy on November 2nd 2017, 10:42 am

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

Ok. I will try to write English. thank you Smile
avatar
vietkanpy
Forumember

Male Posts : 64
Reputation : 28
Language : vietnam

http://www.hotrofm.net/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David on November 2nd 2017, 10:52 am

Ok thx @SLGray anyway, the js code does not work well as it appears in the top pictures
avatar
Dani David
Forumember

Posts : 32
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray on November 2nd 2017, 10:59 am



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40868
Reputation : 2773
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Draxion on November 3rd 2017, 2:34 pm

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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1834
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

View previous topic View next topic Back to top


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