CSS Class dropdown Customization

The CSS Class dropdown of CuteEditor displays a predefined set of CSS Classes. You can easily add your own CSS Classes using the following methods.

1: Edit Dropdown Configuration file (Common.config).

The dropdown configuration file (Common.config) can be found in the CuteEditor_Files/Configuration/Shared folder. In dropdown configuration file you can find the CssClass element which contains the configuration information for the CSS Class dropdown within Cute Editor.

You can modify the CssClass element to create your own CSS Classes list.

Example:

<CssClass>

       <item text="[[NotSet]]" value="null"></item>

        <item text="Red Text" value="RedColor"></item>

      <item text="Highlight" value="Highlight"></item>

      <item text="Bold Green Text" value="BoldGreen"></item>

</CssClass>

Now the CSS Class dropdown contains "RedColor", "Highlight" and "BoldGreen".

3: Programmatically populate the CSS Class dropdown

Example:

<?php
         $editor=new CuteEditor();
         $editor->ID="Editor1";
         $editor->Text="Type here";
         //Programmatically populate the CSS Class dropdown
         $editor->CssClassStyleDropDownMenuNames="RedColor,Highlight,BoldGreen";
         $editor->CssClassStyleDropDownMenuList="RedColor,Highlight,BoldGreen";
         $editor->Draw();
         $editor=null;

         //use $_POST["Editor1"]to catch the data
?>