by Ange Tuteur Wed 12 Oct - 16:49
@YoshiGM nice work and interesting idea. I have a suggestion though. Instead of creating the button via an HTML string you can set custom commands with the SCEditor's API. See this page :
http://www.sceditor.com/documentation/custom-commands/You need to use $.sceditor.command.set to create your custom button, then you have to modify the global variable "toolbar" which contains the SCEditor toolbar string -- basically adding your button name into it. Defining your commands this way will prevent any bugs from occurring especially in WYSIWYG mode. See the example below :
- Code:
$(function() {
// check if $.sceditor and toolbar are defined
if ($.sceditor && window.toolbar) {
// function to execute when button is clicked
var exec = function () {
this.insertText('Bump');
};
// set SCEditor command
$.sceditor.command.set('bump', {
tooltip : 'Bump',
exec : exec, // WYSIWYG mode
txtExec : exec // Source mode
});
// add button to the editor toolbar
toolbar = toolbar.replace(/fahide/, 'fahide,bump');
}
});
NOTE : With this method you'll have to add CSS to your stylesheet :
- Code:
.sceditor-button-bump div {
background-image:url(http://i97.servimg.com/u/f97/13/45/80/80/new-go10.png) !important;
}
You can also just document.write the style in via JS as well.
I wanted to let you know of this method, because it's a lot more convenient for defining commands ; you don't have to mess with HTML strings so it's easier to read and define functions.
P.S.
What would make this even better is if it automatically submitted the post when you clicked the button. Think of it as a coding challenge I bestow upon any of you willing to take it on. 
Home
