NEWS WRITER and HTML AREA custom code

Do you want to share WYSIWYG Web Builder tips, tricks, tutorials or useful HTML code? You can post it here...
(no questions or problems please, this section is not monitored by support).
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.

PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Post Reply
User avatar
docdoc
 
 
Posts: 55
Joined: Sun Jul 18, 2010 9:34 am

NEWS WRITER and HTML AREA custom code

Post by docdoc »

hi. in case anyone would be interested in custom code for html editor toolbars i figured out something and thought i'd share:

when building news writer page set EditorMode to 'small' in properties.
after you publish news writer open wysiwyg folder and open wysiwyg-settings.
also open wysiwyg.js

find this in wysiwyg-settings:

var small = new WYSIWYG.Settings();
small.Width = "300px";
small.Height = "100px";
small.DefaultStyle = "font-family: Arial; font-size: 12px; background-color: #FFFFFF";
small.Toolbar[0] = new Array("font", "fontsize", "bold", "italic", "underline", "createlink", "insertimage", "forecolor", "backcolor", "justifyfull", "justifyleft", "justifycenter", "justifyright"); // small setup for toolbar 1
small.Toolbar[1] = ""; // disable toolbar 2
small.StatusBarEnabled = false;

see the red codes? got them from wysiwyg.js. they are there from line 99 on. copy/paste whichever you would like to have appeared in the editor toolbar for use. it's up to you. save it-upload it to server.
i hope i could help.
Post Reply