i want overline button

coolkool wrote:

[OVERLINE][/OVERLINE]

This BBcode tag is not supported by the editor.

Only way I can think would be the table tags. For example :

Hello

Code:

[table style="display:inline-block;border-top:1px solid;"][tr][td]Hello[/td][/tr][/table]

Could use HTML too if you have that enabled.

This will add a button to the sceditor, but it'll insert HTML. It can be modified to insert the bbcode table instead if you want.

Go to Modules > JavaScript codes management > New

Placement : In all the pages

Code:

$(function() {
  if (!$.sceditor) return;
 
  $.sceditor.command.set('overline', {
    exec : function() {
      this.insertText('<span style="border-top:1px solid">', '</span>');
    },
 
    txtExec : function() {
      this.insertText('<span style="border-top:1px solid">', '</span>');
    },
 
    tooltip : 'Overline'
  });
 
  toolbar += ',overline'
});

To add a custom image for the button, you'll need to add a small bit of CSS to your stylesheet.
Display > Colors > CSS stylesheet

Code:

.sceditor-button-overline div {
  background-image:url(IMAGE) !important;
}

Remember to replace IMAGE by an image URL.

If you want it with bbcode replace the script with this :

Code:

$(function() {
  if (!$.sceditor) return;
 
  $.sceditor.command.set('overline', {
    exec : function() {
      this.insertText('[table style="display:inline-block;border-top:1px solid;"][tr][td]','[/td][/tr][/table]');
    },
 
    txtExec : function() {
      this.insertText('[table style="display:inline-block;border-top:1px solid;"][tr][td]','[/td][/tr][/table]');
    },
 
    tooltip : 'Overline'
  });
 
  toolbar += ',overline'
});

In the script, replace :

Code:

toolbar += ',overline'

by :

Code:

toolbar = toolbar.replace(/(,underline)/, ',overline$1');

That should have done it. Weird.

Try replacing the script with this :

Code:

$(function() {
  if (!$.sceditor) return;
 
  $.sceditor.command.set('overline', {
    exec : function() {
      this.insertText('[table style="display:inline-block;border-top:1px solid;"][tr][td]','[/td][/tr][/table]');
    },
 
    txtExec : function() {
      this.insertText('[table style="display:inline-block;border-top:1px solid;"][tr][td]','[/td][/tr][/table]');
    },
 
    tooltip : 'Overline'
  });
 
  toolbar = toolbar.replace(/underline/, 'overline,underline');
});

Do you have any script modifying the position of the underline button ? That would most likely be the cause.

Ah.. I figured that was the problem. Glad you figured it out.

Topic archived

Have a good day. ^^