Tutorial: Adding Extra Function Buttons to the Editor.

[Skiilz]

I don't have the editor.appendChild(toolbar2);...

[nyunyu]

Someone, please respond to this thread.
Just need an answer on how to edit this part.
http://community.mybboard.net/thread-126...#pid409362

After adding new buttons, the text area misaligned.



@Skiilz, you probably looked at the wrong post.
http://community.mybboard.net/thread-126...#pid237840

[Skiilz]

Yeah.. I did!
Thanks mate.

[mazin46]

thanx good job...
but i cant finde ( editor.appendChild(toolbar2) in my editor ?? plz how can help

---

thanx good job...
but i cant finde ( editor.appendChild(toolbar2) in my editor ?? plz how can help

[nyunyu]

thanx good job...
but i cant finde ( editor.appendChild(toolbar2) in my editor ?? plz how can help

---

thanx good job...
but i cant finde ( editor.appendChild(toolbar2) in my editor ?? plz how can help

You should read the thread again. #62

[Sammyed]

I am in the middle of this as I consider it useful but, I stopped because...what if myBB updates version and replaces this 3 files in the future?

Is there a plugin instead available?

[Chandy]

Thx for tuto,but this thread needs reorganization and the tuto needs update.
It's very important and useful for users here .

[D-X69]

The changes in the files functions.php and global.php are the same. For editor.js open the file and search for:

// Create our new text area

Above add:

this.createToolbar('mytoolbar', {
	container: 'bottom',
	items: [
		{type: 'button', name: 'flash', sprite: 'flash', insert: 'flash', title: this.options.lang.title_flash},
		{type: 'button', name: 'video', sprite: 'video', insert: 'video', title: this.options.lang.title_video},
		{type: 'button', name: 'quick', sprite: 'quick', insert: 'quick', title: this.options.lang.title_quick},
		{type: 'button', name: 'stream', sprite: 'stream', insert: 'stream', title: this.options.lang.title_stream}
	]
});

After that open the file jscripts/editor_themes/*theme*/stylesheet.css and add at the end of the file:

.messageEditor .toolbar_button .toolbar_sprite_flash {
	background: url(images/flash.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_video {
	background: url(images/video.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_quick {
	background: url(images/quick.gif) no-repeat;
}
.messageEditor .toolbar_button .toolbar_sprite_stream {
	background: url(images/stream.gif) no-repeat;
}

The graphics for the buttons have to be in the folder jscripts/editor_themes/*theme*/images/.

This one seemed to worked perfectly, however the youtube button doesnt show in line with the code or php button, i tried removing the add new toolbar thingy, and add the code after php, and the editor disappeared. And this is how the youtube button is showing below now:-

[Undone]

Doesn´t work with the new version of mybb when I add this i lost my buttons.