MyBB Community Forums › Resources › Tutorials v
Tutorial: Adding Extra Function Buttons to the Editor.

Threaded Mode
Tutorial: Adding Extra Function Buttons to the Editor.
Ryan Stewart Offline
Posts: 279
Threads: 37
Joined: Aug 2008
Reputation: 0
#21
2008-08-13, 07:56 PM
I just left the language file out now. It works perfect. You don't need to edit global.lang.php to everyone, it isn't a requirement =]
[Image: logo2ue.png]
Find
Reply
TStarGermany Offline
Posts: 263
Threads: 45
Joined: Jan 2008
Reputation: 0
#22
2008-10-20, 08:49 AM
i had a js error in MSIE "name empty or not supported by object", when the appropriate title variable was missing... but it's all good, i got my perfectly customised editor now.. i could watch that thing for hours Big Grin
   
[Image: 350x19.jpg][Image: tstargermany.png]
Find
Reply
Gene53 Offline
Posts: 151
Threads: 5
Joined: Dec 2008
Reputation: 0
#23
2008-12-20, 12:35 AM (This post was last modified: 2008-12-20, 12:39 AM by Gene53.)
Being that I'm building a community site for a non-profit organization and their members won't need the PHP and Code buttons but will want to embed YouTube videos, I simply changed the PHP lines in the relevant files, uploaded the youtube.gif graphic and commented out the Code line in the editor.

Cheers,
Gene


Attached Files Thumbnail(s)
   
“The road to positivity is strewn with the abandoned vehicles of the faint-hearted.” Peter McWilliams
Find
Reply
seeker Offline
Posts: 1,445
Threads: 113
Joined: Feb 2007
Reputation: 32
#24
2009-01-03, 09:48 AM
(2008-08-12, 12:29 PM)Michael83 Wrote: 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/.

Thanks, for the update...
FYI:
This thread needs to contain the word codebuttons, so it will show up when searching.


/ Is anyone else surprised that this thread did not ever have a single mention of the word codebuttons? Confused
#
MyBB is the best forum software! Exclamation

Find
Reply
SAFAD Offline
Posts: 80
Threads: 17
Joined: Feb 2009
Reputation: 1
#25
2009-02-10, 06:42 PM (This post was last modified: 2009-02-10, 07:16 PM by SAFAD.)
sisnt work with MyBB 1.4.4
(2008-08-12, 12:29 PM)Michael83 Wrote: 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/.
oh thanks this works for me
wait my editor soon
Best Regards

http://www.safadsoft.com
1.4.4
Website Find
Reply
glenvarun Offline
Posts: 188
Threads: 28
Joined: Feb 2009
Reputation: 0
#26
2009-03-06, 03:08 PM
does this work with mybb 1.4
Website Find
Reply
remshad Offline
Posts: 270
Threads: 52
Joined: Feb 2008
Reputation: 2
#27
2009-03-07, 07:30 PM
Great and nice
MyWebSies: World News=>infant Name Meanings=>Seminar Projects Topics=>Report PPT pdf Abstract
Website Find
Reply
glenvarun Offline
Posts: 188
Threads: 28
Joined: Feb 2009
Reputation: 0
#28
2009-03-09, 12:30 PM
hey i cant find the appedn child in editor.js
does this work for 1.4?
Website Find
Reply
CO_ol Offline
Posts: 13
Threads: 2
Joined: Nov 2008
Reputation: 0
#29
2009-03-28, 11:23 AM
Can anyone update this tutorial to 1.4.4?
Image too tall

Apparently 92% of teens listens on to rap music.
If you are part of the 92% that listen to rap, then put this in your signature!
Rap and HipHop FTW!
Find
Reply
Aaron Offline

Big Board Owner
Posts: 1,292
Threads: 171
Joined: Jul 2004
Reputation: 8
#30
2009-05-11, 02:11 PM
^^ yes that would be good.
Find
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)