Integration

It is recommended to add comments when building a stylesheet. You should add comments to the styles that you plan to utilize for visual editing of the pages in the WYSIWYG editor. Styles comments are attired in the .styles.php file in the corresponding template directory.

<?
$arStyles = Array(
	"text" => "Normal", 
	"smalltext" => "Small",	
	"smalltextwhite" => "Small grey",	
	"smalltextblack" => "Small black",	
	"newstext" => "News text",		
	"newsdata" => "News date",
	"titletext" => "Title",
	"subtitletext" => "Subtitle",
	"copy" => "Copyrights text",						
	"tableborder" => "Table border",
	"tablehead" => "Table heading",
	"tablebody" => "Main table text",
	"tablebodylink" => "Hyperlinks in table text",						
	"tableborders" => "Inc. area borders",	
	);
return $arStyles;
?>

Styles with the comments will be available in WYSIWYG editor in the styles drop-down list with the names specified in comments.

If the option "Allow using styles without names in visual HTML editor", located on the Site Explorer settings page, is enabled,

then in the styles drop-down list will be available all styles, including styles without comments.

Styles without comments will be available in the list with their names: leftmenu, tablebodytext, etc.

Also the stylesheets can contain styles for exact page elements (for example, table borders and cells, images, and etc.). To display styles available for these elements choose the necessary element on the page.

then in the styles drop-down list will be available all styles, including styles without comments.