Advertisement:
NameCheap

Author Topic: [MOD]SCEditor for smf 2.0  (Read 67674 times)

Offline NBK*Twitch

  • Full Member
  • ***
  • Posts: 690
  • Gender: Male
    • Twitch's World
Re: [MOD]SCEditor for smf 2.0
« Reply #80 on: September 24, 2012, 06:05:39 PM »
it is MOD now, now WIP :)
anyone want send this mod to mod site?
i think no bug more.
thank u.


If this mod is done and bug free I highly suggest submitting it to the mod site.

Twitch's WorldFree Computer Support Forum - My SMF Themes - For affordable custom themes PM me

Offline hhy89

  • Full Member
  • ***
  • Posts: 485
Re: [MOD]SCEditor for smf 2.0
« Reply #81 on: September 25, 2012, 03:37:00 AM »
do u know php with OOP and js?
if u dont, dont send :) cause if members get any error, u couldnt help them
thank u
Seo4Smf 2.0 - Full Top10 Stats(full top10) - Aligned and Bilateral Child Boards(2li 3lü alt bölümler)
http://www.smfmod.com
http://destek.smfmod.com

Offline drroot

  • Jr. Member
  • **
  • Posts: 108
Re: [MOD]SCEditor for smf 2.0
« Reply #82 on: October 03, 2012, 08:27:53 PM »
Can we change the height of the editor window by using the drag window at the bottom like the default SMF forum editor.

SCEditor will be integrated with smf 2.1. why we dont use now?  :D

this mod is only for smf 2.0.2

Tired of all the bugs of the smf core editor?
well use it and then get rid of bugs  :D

download:
http://destek.smfmod.com/downloads/sa=downfile;id=31

Features
  • Better Syntax
  • Enhanced Selection
  • Deep Integration
  • Quick Reply Integration
  • Quick Edit Integration
  • Modify Signature Integration
  • Mods Integration
  • Much nicer selection of emoticons
  • Print your Post with a click
  • Smart addition of Links, Email and Image for BBCode Interface
  • Table WYSIWYG Interface
  • Real Code in WYSIWYG Interface
  • Undo & Redo
  • Justify Text
  • Cut, Copy and Paste
edit:
Sceditor for Smf 0.2.0 is released  :D

admin panel;

u can add another bbcode example spoiler or youtube or bla bla
but spoiler or youtube or another tag must be installed on your site
small editor

glow and shadow arent in default
full editor


glow shadow and tt(extra added bbcode) are not in default

edit2:
Sceditor for Smf 0.3.1 is released  :D

if u get any error, tell me pls
thank u

Offline butch2k

  • Jr. Member
  • **
  • Posts: 323
  • Gender: Male
    • @butch2k on Twitter
    • Planète Roliste
Re: [MOD]SCEditor for smf 2.0
« Reply #83 on: October 04, 2012, 04:49:17 AM »
I would suggest the following modifications:
encapsulate the $.sceditor.locale like this (it prevents issues with other frameworks)

Code: [Select]
(function($){$.sceditor.locale["smfmod"] = {
 ...
}})(jQuery);

add addslashes around the $scebbcode->getBefore() calls else you might encounter issues with tags defined like: [div style=""] for instance.

This should fix most issues i encountered. Go job so far, keep it up.

Offline butch2k

  • Jr. Member
  • **
  • Posts: 323
  • Gender: Male
    • @butch2k on Twitter
    • Planète Roliste
Re: [MOD]SCEditor for smf 2.0
« Reply #84 on: October 04, 2012, 01:12:18 PM »
I noticed that the SCE textarea is not named/ided and that the original textarea is just hidden. It breaks every JS relying on replaceText() functions targeting document.forms.postmodify.message, as they target the hidden textarea rather than the SCE one. I believe it would be better to discard the old textarea and rename the SCE to message as the old textarea.

Offline Barceloniec

  • Newbie
  • *
  • Posts: 2
Re: [MOD]SCEditor for smf 2.0
« Reply #85 on: October 05, 2012, 01:41:48 AM »
Hi, i have small problem with your editor. His working great, but only on PC. In the phone is nonfunctional.
Can you help me?

Offline phantomm

  • Sr. Member
  • ****
  • Posts: 983
  • Gender: Male
    • pages/smfpl/171860759503032 on Facebook
    • Polish ElkArte community
Re: [MOD]SCEditor for smf 2.0
« Reply #86 on: October 05, 2012, 03:48:09 AM »
Just to be clear, I checked it, and it does not work in WYSIWYG mode (in source mode it's working fine).

On touchscreen I can't type anything in message box (latest Dolphin Browser, Android 2.3.7 - CM7)
Polskie wsparcie SMF na simplemachines.org

My mods

Offline Barceloniec

  • Newbie
  • *
  • Posts: 2
Re: [MOD]SCEditor for smf 2.0
« Reply #87 on: October 05, 2012, 04:11:11 AM »
Hi phantomm :)
I have opera mini. The same problem is in opera mobile.

Offline hhy89

  • Full Member
  • ***
  • Posts: 485
Re: [MOD]SCEditor for smf 2.0
« Reply #88 on: October 05, 2012, 02:52:49 PM »
ok i will look at phone issue.
thanks guys
Seo4Smf 2.0 - Full Top10 Stats(full top10) - Aligned and Bilateral Child Boards(2li 3lü alt bölümler)
http://www.smfmod.com
http://destek.smfmod.com

Offline BaghdadGhost

  • Jr. Member
  • **
  • Posts: 386
  • Gender: Male
Re: [MOD]SCEditor for smf 2.0
« Reply #89 on: October 13, 2012, 09:27:10 PM »
Hi all,


thanks for the great mod and all the hard work.

hhy89

I was wondering if you could make the text area functionality sorts automatically with language change? I use Arabic (RTL) as forum default language and it is for 99% of my members. what I mean by text area functionality is a default right to left writing direction and the place of the blinking cursor. it is really pain to arrange written lines.

also is it possible to differentiate between clicked and not clicked BBCs? like a darker background for the icon.


I hope this is not a lot to ask. :)


thank you again

 

Offline hhy89

  • Full Member
  • ***
  • Posts: 485
Re: [MOD]SCEditor for smf 2.0
« Reply #90 on: October 18, 2012, 05:36:08 AM »
im working at office. so i dont have a time for upgrading this mod.
if u want to upgrade this mod, pls do it :)
thanks
Seo4Smf 2.0 - Full Top10 Stats(full top10) - Aligned and Bilateral Child Boards(2li 3lü alt bölümler)
http://www.smfmod.com
http://destek.smfmod.com

Offline MrPrise

  • Semi-Newbie
  • *
  • Posts: 52
Re: [MOD]SCEditor for smf 2.0
« Reply #91 on: October 31, 2012, 07:17:46 PM »
Ahh. I wish I found this topic earlier... I have already added sceditor manually to my forum. I think I'm going to replace it with this mod. Thank you!

Offline moshikub

  • Newbie
  • *
  • Posts: 1
Re: [MOD]SCEditor for smf 2.0
« Reply #92 on: December 02, 2012, 04:06:59 AM »
I not work in IE7. I attach images SCEditor not work in IE7.


Offline hhy89

  • Full Member
  • ***
  • Posts: 485
Re: [MOD]SCEditor for smf 2.0
« Reply #93 on: December 03, 2012, 03:42:24 AM »
samclarke will upgrade this mod for now.
and follow here:
github
« Last Edit: January 11, 2013, 03:04:56 PM by hhy89 »
Seo4Smf 2.0 - Full Top10 Stats(full top10) - Aligned and Bilateral Child Boards(2li 3lü alt bölümler)
http://www.smfmod.com
http://destek.smfmod.com

Offline Lazarevics

  • Semi-Newbie
  • *
  • Posts: 12
Re: [MOD]SCEditor for smf 2.0
« Reply #94 on: December 09, 2012, 08:28:47 AM »
Hello!

If your name is on break between two words (eg firstname lastname) only the firstname is included in the quote.


The private message is included in the timestamp

Offline lc62003

  • Jr. Member
  • **
  • Posts: 153
Re: [MOD]SCEditor for smf 2.0
« Reply #95 on: December 18, 2012, 11:53:08 PM »
Great work!  Love it!   8)  Thanks for your hard work. 



Could I offer a small bug report?  Using 2.0.2 and the latest version of Firefox - when quoting in WYSIWYG mode, the cursor is placed in the quote and can only be escaped by using the down arrow key.  This leads to people mistakenly typing a reply within the quote.  Would it be possible to place the cursor after the quote by default?   :)

Offline lc62003

  • Jr. Member
  • **
  • Posts: 153
Re: [MOD]SCEditor for smf 2.0
« Reply #96 on: December 20, 2012, 04:04:52 PM »
Found a couple more bugs if it will help you:

1.  If quoting in WYSIWYG mode, and the member has a space in their username, everything after the space is chopped.

2.  The scripts and css really should be installed in every theme.  The reason is the "normal" text box css (jquery.sceditor.css file) can be edited to suit each individual theme.  Otherwise light and dark themes on the same forum will wind up with one or the other having invisible text.   ;)



Thanks!!  Again I LOVE this mod.   8)

Offline Jack_40k

  • Jr. Member
  • **
  • Posts: 196
Re: [MOD]SCEditor for smf 2.0
« Reply #97 on: January 10, 2013, 07:34:41 AM »
The images on OP are broken, please fix.

Offline hhy89

  • Full Member
  • ***
  • Posts: 485
Re: [MOD]SCEditor for smf 2.0
« Reply #98 on: January 10, 2013, 10:29:24 AM »
mod is updated. mod's version 0.4.2
- jquery file is updated.
- sceditor files is updated.
- height and width issue is fixed.
- img issue is fixed.

known issue
- quote name issue

wip
- arabic type text will be add.
- sceditor themes will be add.
thanks for bugs
« Last Edit: January 10, 2013, 10:40:22 AM by hhy89 »
Seo4Smf 2.0 - Full Top10 Stats(full top10) - Aligned and Bilateral Child Boards(2li 3lü alt bölümler)
http://www.smfmod.com
http://destek.smfmod.com

Offline lc62003

  • Jr. Member
  • **
  • Posts: 153
Re: [MOD]SCEditor for smf 2.0
« Reply #99 on: January 11, 2013, 11:53:55 AM »
Thanks for the updates!!  The new look/feel is great.   8)



Could I provide a few fixes as well?   :)


In the jquery.sceditor.smf.js file, <br> tags will fix cursor inside blockquote that can never escape:   (this is the entire file)

Code: [Select]
;(function($){var extensionMethods={InsertText:function(text,bClear){var bIsSource=this.inSourceMode();if(!bIsSource)this.toggleSourceMode();var current_value=bClear?text+"\n":this.getSourceEditorValue(false)+"\n"+text+"\n";this.setSourceEditorValue(current_value);if(!bIsSource)this.toggleSourceMode()},getText:function(filter){var current_value='';if(this.inSourceMode())current_value=this.getSourceEditorValue(false);else current_value=this.getWysiwygEditorValue(filter);return current_value},appendEmoticon:function(code,emoticon){if(emoticon==='')line.append($('<br />'));else line.append($('<img />').attr({src:emoticon.url||emoticon,alt:code,title:emoticon.tooltip||emoticon,}).click(function(e){var start='',end='';if(base.opts.emoticonsCompat){start='<span> ';end=' </span>'}if(base.inSourceMode())base.sourceEditorInsertText(' '+$(this).attr('alt')+' ');else base.wysiwygEditorInsertHtml(start+'<img src="'+$(this).attr("src")+'" data-sceditor-emoticon="'+$(this).attr('alt')+'" />'+end);e.preventDefault()}));if(line.children().length>0)content.append(line);$(".sceditor-toolbar").append(content)},storeLastState:function(){this.wasSource=this.inSourceMode()},setTextMode:function(){if(!this.inSourceMode())this.toggleSourceMode()},createPermanentDropDown:function(){var emoticons=$.extend({},this.opts.emoticons.dropdown);var popup_exists=false;base=this;content=$('<div class="sceditor-insertemoticon" />');line=$('<div />');for(smiley_popup in this.opts.emoticons.popup){popup_exists=true;break}if(popup_exists){this.opts.emoticons.more=this.opts.emoticons.popup;moreButton=$('<div class="sceditor-more-button" />').attr({'class':"sceditor-more"}).text('['+this._('More')+']').click(function(){if($(".sceditor-smileyPopup").length>0){$(".sceditor-smileyPopup").fadeIn('fast')}else{var emoticons=$.extend({},base.opts.emoticons.popup);var popup_position;var titlebar=$('<div class="catbg sceditor-popup-grip"/>');popupContent=$('<div id="sceditor-popup"/>');allowHide=true;line=$('<div id="sceditor-popup-smiley"/>');adjheight=0;popupContent.append(titlebar);closeButton=$('<span />').text('['+base._('Close')+']').click(function(){$(".sceditor-smileyPopup").fadeOut('fast')});$.each(emoticons,base.appendEmoticon);if(line.children().length>0)popupContent.append(line);if(typeof closeButton!=="undefined")popupContent.append(closeButton);if(base.ieUnselectable!==false){content=$(content);content.find(':not(input,textarea)').filter(function(){return this.nodeType===1}).attr('unselectable','on')}$dropdown=$('<div class="sceditor-dropdown sceditor-smileyPopup" />').append(popupContent);$dropdown.appendTo($('body'));dropdownIgnoreLastClick=true;adjheight=closeButton.height()+titlebar.height();$dropdown.css({position:"fixed",top:$(window).height()*0.2,left:$(window).width()*0.5-($dropdown.find('#sceditor-popup-smiley').width()/2),"max-width":"50%","max-height":"50%",}).find('#sceditor-popup-smiley').css({height:$dropdown.height()-adjheight,"overflow":"auto"});$dropdown.click(function(e){e.stopPropagation()})}})}$.each(emoticons,base.appendEmoticon);if(typeof moreButton!=="undefined")content.append(moreButton)}};$.extend(true,$['sceditor'].prototype,extensionMethods)})(jQuery);$.sceditor.command.set('ftp',{exec:function(caller){var editor=this,content=$(this._('<form><div><label for="link">{0}</label> <input type="text" id="link" value="ftp://" /></div>'+'<div><label for="des">{1}</label> <input type="text" id="des" value="" /></div></form>',this._("URL:"),this._("Description (optional):"))).submit(function(){return false});content.append($(this._('<div><input type="button" class="button" value="{0}" /></div>',this._("Insert"))).click(function(e){var val=$(this).parent("form").find("#link").val(),description=$(this).parent("form").find("#des").val();if(val!==""&&val!=="ftp://"){editor.focus();if(!editor.getRangeHelper().selectedHtml()||description){if(!description)description=val;editor.wysiwygEditorInsertHtml('<a href="'+val+'">'+description+'</a>')}else editor.execCommand("createlink",val)}editor.closeDropDown(true);e.preventDefault()}));editor.createDropDown(caller,"insertlink",content)},txtExec:["[ftp]","[/ftp]"],tooltip:'Insert FTP Link',});$.sceditor.command.set('glow',{exec:function(){this.wysiwygEditorInsertHtml('[glow=red,2,300]','[/glow]')},txtExec:["[glow=red,2,300]","[/glow]"],tooltip:'Glow',});$.sceditor.command.set('shadow',{exec:function(){this.wysiwygEditorInsertHtml('[shadow=red,left]','[/shadow]')},txtExec:["[shadow=red,left]","[/shadow]"],tooltip:'Shadow',});$.sceditor.command.set('tt',{exec:function(){this.wysiwygEditorInsertHtml('<tt>','</tt>')},txtExec:["[tt]","[/tt]"],tooltip:'Teletype',});$.sceditor.command.set('pre',{exec:function(){this.wysiwygEditorInsertHtml('<pre>','</pre>')},txtExec:["[pre]","[/pre]"],tooltip:'Preformatted Text',});$.sceditor.command.set('move',{exec:function(){this.wysiwygEditorInsertHtml('[move]','[/move]')},txtExec:["[move]","[/move]"],tooltip:'Move',});$.sceditor.command.set('bulletlist',{txtExec:["[list]\n[li]","[/li]\n[li][/li]\n[/list]"],});$.sceditor.command.set('orderedlist',{txtExec:["[list type=decimal]\n[li]","[/li]\n[li][/li]\n[/list]"],});$.sceditor.command.set('table',{txtExec:["[table]\n[tr]\n[td]","[/td]\n[/tr]\n[/table]"],});$.sceditorBBCodePlugin.bbcode.set('abbr',{tags:{abbr:{title:null}},format:function(element,content){return'[abbr='+element.attr('title')+']'+content+'[/abbr]'},html:function(element,attrs,content){if(typeof attrs.defaultattr==="undefined"||attrs.defaultattr.length===0)return content;return'<abbr title="'+attrs.defaultattr+'">'+content+'</abbr>'}});$.sceditorBBCodePlugin.bbcode.set('acronym',{tags:{acronym:{title:null}},format:function(element,content){return'[acronym='+element.attr('title')+']'+content+'[/acronym]'},html:function(element,attrs,content){if(typeof attrs.defaultattr==="undefined"||attrs.defaultattr.length===0)return content;return'<acronym title="'+attrs.defaultattr+'">'+content+'</acronym>'}});$.sceditorBBCodePlugin.bbcode.set('bdo',{tags:{bdo:{dir:null}},format:function(element,content){return'[bdo='+element.attr('dir')+']'+content+'[/bdo]'},html:function(element,attrs,content){if(typeof attrs.defaultattr==="undefined"||attrs.defaultattr.length===0)return content;if(attrs.defaultattr!='rtl'&&attrs.defaultattr!='ltr')return'[bdo='+attrs.defaultattr+']'+content+'[/bdo]';return'<bdo dir="'+attrs.defaultattr+'">'+content+'</bdo>'}});$.sceditorBBCodePlugin.bbcode.set('black',{isInline:true,format:'[black]{0}[/black]',html:'<font color="black">{0}</font>'});$.sceditorBBCodePlugin.bbcode.set('blue',{isInline:true,format:'[blue]{0}[/blue]',html:'<font color="blue">{0}</font>'});$.sceditorBBCodePlugin.bbcode.set('green',{isInline:true,format:'[green]{0}[/green]',html:'<font color="green">{0}</font>'});$.sceditorBBCodePlugin.bbcode.set('red',{isInline:true,format:'[red]{0}[/red]',html:'<font color="red">{0}</font>'});$.sceditorBBCodePlugin.bbcode.set('white',{isInline:true,format:'[white]{0}[/white]',html:'<font color="white">{0}</font>'});$.sceditorBBCodePlugin.bbcode.set('tt',{tags:{tt:null},format:"[tt]{0}[/tt]",html:'<tt>{0}</tt>'});$.sceditorBBCodePlugin.bbcode.set('php',{isInline:false,format:"[php]{0}[/php]",html:'<code class="php">{0}</code>'});$.sceditorBBCodePlugin.bbcode.set('pre',{tags:{pre:null},isInline:false,format:"[pre]{0}[/pre]",html:"<pre>{0}</pre>"});$.sceditorBBCodePlugin.bbcode.set('move',{tags:{marquee:null},format:"[move]{0}[/move]",html:'[move]{0}[/move]'});$.sceditorBBCodePlugin.bbcode.set('code',{tags:{code:null},isInline:false,allowedChildren:['#','#newline'],format:function(element,content){var from='';if($(element[0]).hasClass('php'))return'[php]'+content.replace('&#91;','[')+'[/php]';if($(element).children("cite:first").length===1){from=$(element).children("cite:first").text();$(element).attr({'from':from.php_htmlspecialchars()});from='='+from;content='';$(element).children("cite:first").remove();content=this.elementToBbcode($(element))}else{if(typeof $(element).attr('from')!=="undefined"){from='='+$(element).attr('from').php_unhtmlspecialchars()}}return'[code'+from+']'+content.replace('&#91;','[')+''},html:function(element,attrs,content){var from='';if(typeof attrs.defaultattr!=="undefined")from='<cite>'+attrs.defaultattr+'</cite>';return'<code>'+from+content.replace('[','&#91;')+'</code>'}});$.sceditorBBCodePlugin.bbcode.set('img',{tags:{img:{src:null}},allowsEmpty:true,quoteType:$.sceditor.BBCodeParser.QuoteType.never,format:function(element,content){var attribs='',style=function(name){return element.style?element.style[name]:null};if(typeof element.attr('data-sceditor-emoticon')!=="undefined")return content;if(element.attr('width')||style('width'))attribs+=" width="+$(element).width();if(element.attr('height')||style('height'))attribs+=" height="+$(element).height();return'[img'+attribs+']http://'+element.attr('src')+'[/img]'},html:function(token,attrs,content){var parts,attribs='';if(typeof attrs.width!=="undefined")attribs+=' width="'+attrs.width+'"';if(typeof attrs.height!=="undefined")attribs+=' height="'+attrs.height+'"';return'<img'+attribs+' src="'+content+'" />'}});$.sceditorBBCodePlugin.bbcode.set('quote',{tags:{blockquote:null,cite:null},breakBefore:false,isInline:false,format:function(element,content){var author='',date='',link='',$elm=$(element);if(element[0].tagName.toLowerCase()==='cite')return'';if($elm.attr('author'))author=' author='+$elm.attr('author').php_unhtmlspecialchars();if($elm.attr('date'))date=' date='+$elm.attr('date');if($elm.attr('link'))link=' link='+$elm.attr('link');return'[quote'+author+date+link+']'+content+'[/quote]'},attrs:function(){return['author','date','link']},html:function(element,attrs,content){var attr_author='',sAuthor='',attr_date='',sDate='',attr_link='',sLink='';if(typeof attrs.author!=="undefined"){attr_author=attrs.author;sAuthor=bbc_quote_from+': '+attr_author}for(var key in attrs){if(key.substr(0,4)==='link'&&attrs.hasOwnProperty(key)){attr_link=key.length>4?key.substr(5)+'='+attrs[key]:attrs[key];sLink=attr_link.substr(0,7)==='http://'?attr_link:smf_scripturl+'?'+attr_link;sAuthor=sAuthor===''?'<a href="'+sLink+'">'+bbc_quote_from+': '+sLink+'</a>':'<a href="'+sLink+'">'+sAuthor+'</a>'}}if(typeof attrs.date!=="undefined"){attr_date=attrs.date;sDate='<date timestamp="'+attr_date+'">'+new Date(attrs.date*1000)+'</date>'}if(sAuthor===''&&sDate==='')sAuthor=bbc_quote;else sAuthor+=sDate!==''?' '+bbc_search_on:'';content='<blockquote author="'+attr_author+'" date="'+attr_date+'" link="'+attr_link+'"><cite>'+sAuthor+' '+sDate+'</cite>'+content+'</blockquote><br /><br /><br />';return content}});$.sceditorBBCodePlugin.bbcode.set('list',{breakStart:true,isInline:false,skipLastLineBreak:true,allowedChildren:['*','li'],html:function(element,attrs,content){var style='',code='ul';if(attrs.type)style='style="list-style-type: '+attrs.type+'"';return'<'+code+' '+style+'>'+content+'</'+code+'>'}});$.sceditorBBCodePlugin.bbcode.set('li',{breakAfter:true,});$.sceditorBBCodePlugin.bbcode.set('ul',{tags:{ul:null},breakStart:true,format:function(element,content){if($(element[0]).css('list-style-type')==='disc')return'
    '+content+'
';else return'[list type='+$(element[0]).css('list-style-type')+']'+content+'[/list]'},isInline:false,skipLastLineBreak:true,html:'<ul>{0}</ul>'});$.sceditorBBCodePlugin.bbcode.set('ol',{tags:{ol:null},breakStart:true,isInline:false,skipLastLineBreak:true,format:"
    {0}
",html:'<ol>{0}</ol>'});
[/code]




For people who have bbc youtube mod, this jquery.sceditor.css file allows you to add a youtube.png icon file.  If you need one PM me.  Upload it to /Themes/default/images/bbc


Code: [Select]
.sceditor-container{position:relative;border:1px solid #aaa;background:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;-opera-border-radius:4px;-khtml-border-radius:4px;border-radius:4px}
.sceditor-container.resizing{overflow:hidden}
.sceditor-container,.sceditor-container div,div.sceditor-dropdown,div.sceditor-dropdown div{z-index:3;margin:0;padding:0}
.sceditor-container iframe,.sceditor-container textarea{border:0;outline:none;color:#111;resize:none;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 12px;padding:5px}
.sceditor-container textarea,.sceditor-container textarea:focus{font-size:1em;box-shadow:none}
div.sceditor-resize-cover{position:absolute;top:0;left:0;background:#fff;width:3000px;height:6000px;z-index:2;filter:alpha(opacity=70);opacity:0.7}
div.sceditor-grip{overflow:hidden;height:12px;cursor:pointer;position:absolute;bottom:0;left:-1px;right:-1px;z-index:3;background:#fff url(../images/bbc/grip.png) 100% 100% no-repeat;border:1px solid #ccc;border-bottom:none;border-radius:0 0 4px 4px;box-shadow:-1px -2px 4px rgba(0,0,0,0.1) inset, 2px 2px 4px rgba(255,255,255,0.75) inset}
div.sceditor-dropdown{position:absolute;border:1px solid #bbb;background:#fff;color:#222;font-size:13px;z-index:6;margin:22px 0 0 1px}
div.sceditor-dropdown label{display:block;font-eight:bold;font-size:.95em;margin:.65em 0 .15em}
div.sceditor-dropdown .button{margin:.5em 0 0}
.sceditor-pastetext textarea{border:1px solid #bbb;width:20em}
div.sceditor-inserttable,div.sceditor-insertimage,div.sceditor-pastetext,div.sceditor-insertlink,div.sceditor-insertemail{padding:5px}
.sceditor-insertemoticon img,.sceditor-smileyPopup img{cursor:pointer;margin:6px 4px 4px}
.sceditor-more,.sceditor-smileyPopup{display:inline;text-align:center;cursor:pointer;padding:2px 0}
.sceditor-fontsize-option,.sceditor-font-option{display:block;cursor:pointer;font-size:14px;text-decoration:none;color:#222;padding:4px 6px}
.sceditor-color-column{float:left}
.sceditor-color-option{display:block;border:1px solid #fff;height:20px;width:100px;overflow:hidden}
.sceditor-color-option:hover{border:1px solid #333}
div.sceditor-toolbar{overflow:hidden;background:#f7f7f7;border-bottom:1px solid #aaa;border-radius:4px 4px 0 0;box-shadow:0 -1px 2px rgba(0,0,0,0.1) inset;padding:3px 5px 0}
div.sceditor-group{overflow:hidden;display:inline-block;background:none;margin:0;padding:0}
div.sceditor-row{overflow:hidden;display:inline-block;border-left:1px solid #ccc;border-radius:1px;margin:4px 2px 2px}
.sceditor-button{float:left;cursor:pointer;background:#fff;border:1px solid #ccc;border-left:none;border-right:1px solid #bbb;border-bottom:1px solid #aaa;border-radius:1px;box-shadow:-1px -1px 3px rgba(96,134,166,0.2) inset;color:#222;margin:0;padding:3px 6px 2px}
.sceditor-button.disabled div{filter:alpha(opacity=30);opacity:0.3}
.sceditor-button.disabled:hover{background:inherit;cursor:default}
.sceditor-button div,.sceditor-button{display:block;width:18px;height:18px;background-repeat:no-repeat!important;background-position:center center!important}
.sceditor-button div{text-indent:-9999px;margin:0;padding:0}
.sceditor-button:hover{background:#fafafa;box-shadow:1px 1px 1px rgba(0,0,0,0.07) inset;border:1px solid #ccc;border-left:none;border-top:1px solid #aaa}
.sceditor-button-emoticon{display:none}
.sceditor-popup-grip{display:block;height:15px}
.sourceMode .sceditor-button-source{background:#fafafa;box-shadow:1px 1px 3px rgba(96,134,166,0.3) inset;border:1px solid #ccc;border-left:none;border-top:1px solid #aaa}
.sceditor-button-font div{background:url(../images/bbc/font.png)}
.sceditor-button-size div{background:url(../images/bbc/font_size.png)}
.sceditor-button-color div{background:url(../images/bbc/color_swatch.png)}
.sceditor-button-removeformat div{background:url(../images/bbc/font_delete.png)}
.sceditor-button-bold div{background:url(../images/bbc/bold.png)}
.sceditor-button-italic div{background:url(../images/bbc/italicize.png)}
.sceditor-button-underline div{background:url(../images/bbc/underline.png)}
.sceditor-button-strike div{background:url(../images/bbc/strike.png)}
.sceditor-button-pre div{background:url(../images/bbc/pre.png)}
.sceditor-button-left div{background:url(../images/bbc/left.png)}
.sceditor-button-center div{background:url(../images/bbc/center.png)}
.sceditor-button-right div{background:url(../images/bbc/right.png)}
.sceditor-button-image div{background:url(../images/bbc/img.png)}
.sceditor-button-link div{background:url(../images/bbc/url.png)}
.sceditor-button-email div{background:url(../images/bbc/email.png)}
.sceditor-button-ftp div{background:url(../images/bbc/ftp.png)}
.sceditor-button-glow div{background:url(../images/bbc/glow.png)}
.sceditor-button-shadow div{background:url(../images/bbc/shadow.png)}
.sceditor-button-move div{background:url(../images/bbc/move.gif)}
.sceditor-button-superscript div{background:url(../images/bbc/sup.png)}
.sceditor-button-subscript div{background:url(../images/bbc/sub.png)}
.sceditor-button-tt div{background:url(../images/bbc/tele.png)}
.sceditor-button-table div{background:url(../images/bbc/table.png)}
.sceditor-button-code div{background:url(../images/bbc/code.png)}
.sceditor-button-quote div{background:url(../images/bbc/quote.png)}
.sceditor-button-bulletlist div{background:url(../images/bbc/list.png)}
.sceditor-button-orderedlist div{background:url(../images/bbc/orderlist.png)}
.sceditor-button-horizontalrule div{background:url(../images/bbc/hr.png)}
.sceditor-button-unformat div{background:url(../images/bbc/unformat.png)}
.sceditor-button-youtube div{background:url(../images/bbc/youtube.png)}
div.sceditor-dropdown form,div.sceditor-smileyPopup{margin:0}
.sceditor-more:hover,.sceditor-fontsize-option:hover,.sceditor-font-option:hover{background:#eee}
.sceditor-button-source div,.sceditor-button-toggle div{background:url(../images/bbc/toggle.png)}



Hope that helps!!  This is a fantastic editor.   8)