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.

BBcode button in editor

+3
SLGray
Ape
Dani David
7 posters

Go down

Solved BBcode button in editor

Post by Dani David Tue 31 Oct 2017, 09: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 Thu 02 Nov 2017, 23:54; edited 1 time in total
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Ape Tue 31 Oct 2017, 10: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.


BBcode button in editor Left1212BBcode button in editor Center11BBcode button in editor Right112
BBcode button in editor Ape_b110
BBcode button in editor Keep_s10
BBcode button in editor Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17863
Reputation : 1904
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Tue 31 Oct 2017, 11: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.
BBcode button in editor Captur17
BBcode button in editor Captur18
BBcode button in editor Captur19
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Tue 31 Oct 2017, 11: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]
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Ape Tue 31 Oct 2017, 16:02

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


BBcode button in editor Left1212BBcode button in editor Center11BBcode button in editor Right112
BBcode button in editor Ape_b110
BBcode button in editor Keep_s10
BBcode button in editor Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17863
Reputation : 1904
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray Tue 31 Oct 2017, 18:40

Does it work?  I mean the download BBCode tags.


BBcode button in editor Slgray10

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

Male Posts : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: BBcode button in editor

Post by SSYT Tue 31 Oct 2017, 19: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]
SSYT
SSYT
Forumember

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

View user profile http://help.forumgratuit.ro/forum

Back to top Go down

Solved Re: BBcode button in editor

Post by TheCrow Tue 31 Oct 2017, 21: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.
TheCrow
TheCrow
Manager
Manager

Male Posts : 6787
Reputation : 788
Language : Greek, English

View user profile https://forumote.forumotion.com

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Wed 01 Nov 2017, 07: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
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Ape Wed 01 Nov 2017, 13:50

your video is not playing


BBcode button in editor Left1212BBcode button in editor Center11BBcode button in editor Right112
BBcode button in editor Ape_b110
BBcode button in editor Keep_s10
BBcode button in editor Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17863
Reputation : 1904
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Wed 01 Nov 2017, 14:42

APE wrote:your video is not playing



Last edited by Dani David on Wed 01 Nov 2017, 14:46; edited 1 time in total
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Ape Wed 01 Nov 2017, 14: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.


BBcode button in editor Left1212BBcode button in editor Center11BBcode button in editor Right112
BBcode button in editor Ape_b110
BBcode button in editor Keep_s10
BBcode button in editor Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 17863
Reputation : 1904
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Wed 01 Nov 2017, 14:50

APE wrote: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.

Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by vietkanpy Thu 02 Nov 2017, 03:41

vietkanpy
vietkanpy
Forumember

Male Posts : 89
Reputation : 33
Language : vietnam

View user profile http://benhxahoivn.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Thu 02 Nov 2017, 08:38


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

BBcode button in editor 1210

this appears in the message
BBcode button in editor 1110


Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by vietkanpy Thu 02 Nov 2017, 09:10

Dani David wrote:

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

BBcode button in editor 1210

this appears in the message
BBcode button in editor 1110






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

BBcode button in editor JVqPo-ibQNeBm_soQrT6Iw


i dont say English Sad
vietkanpy
vietkanpy
Forumember

Male Posts : 89
Reputation : 33
Language : vietnam

View user profile http://benhxahoivn.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray Thu 02 Nov 2017, 09:19

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


BBcode button in editor Slgray10

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

Male Posts : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Thu 02 Nov 2017, 09: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>");
});

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" />
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray Thu 02 Nov 2017, 09:38

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.


BBcode button in editor Slgray10

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

Male Posts : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: BBcode button in editor

Post by vietkanpy Thu 02 Nov 2017, 09:42

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
vietkanpy
vietkanpy
Forumember

Male Posts : 89
Reputation : 33
Language : vietnam

View user profile http://benhxahoivn.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by Dani David Thu 02 Nov 2017, 09:52

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

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

View user profile https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: BBcode button in editor

Post by SLGray Thu 02 Nov 2017, 09:59



BBcode button in editor Slgray10

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

Male Posts : 50346
Reputation : 3473
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: BBcode button in editor

Post by Draxion Fri 03 Nov 2017, 13:34

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


BBcode button in editor Draxio14
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 BBcode button in editor Solved11 when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself
Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2513
Reputation : 321
Language : English
Location : USA

View user profile https://www.talesoftellene.com/

Back to top Go down

Back to top

- Similar topics

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