Skip to content
Richscripts

Dropdown Configuration file Structure

CuteEditor for .NET

Dropdown Configuration File Structure

The CuteEditor dropdown configuration file, which contains XML, specifies the dropdown configuration information of the CuteEditor instance.

This topic explains the contents of the Cute Editor dropdown configuration file. Specifically, it shows the XML structure. The name of the dropdown configuration file is Common.config which can be found in the /CuteEditor/Configuration/Shared folder.

XML Structure:


  1. <?xml version="1.0" encoding="utf-8" ?>  
  2. <configuration>  
  3.     <treedropdowns>  
  4.         <LinkTree>  
  5.             <item text="Msdn.microsoft.com" Selectable="False">  
  6.                 <html><![CDATA[Msdn.microsoft.com <img src='/asp.net+wysiwyg+editor/developer+guide/scr/data/msdn16.gif' />]]></html>  
  7.                 <item text=".NET Framework" value="http://msdn.microsoft.com/netframework/">  
  8.                     <html><![CDATA[.NET Framework]]></html>  
  9.                 </item>  
  10.                 <item text="ASP.NET Home" value="http://msdn.microsoft.com/asp.net/">  
  11.                     <html><![CDATA[ASP.NET Home]]></html>  
  12.                 </item>  
  13.             </item>  
  14.             <item text="Yahoo.com" Selectable="False">  
  15.                 <html><![CDATA[Yahoo.com <img src='/asp.net+wysiwyg+editor/developer+guide/scr/data/yahoo.gif' /> ]]></html>  
  16.                 <item text="Yahoo Web" value="http://www.yahoo.com/">  
  17.                     <html><![CDATA[Yahoo Web ]]></html>  
  18.                 </item>  
  19.             </item>  
  20.         </LinkTree>  
  21.     </treedropdowns>  
  22.     <dropdowns>  
  23.         <CssClass>  
  24.             <item text="[[NotSet]]" value="null"></item>  
  25.             <item text="Red Text" value="RedColor">  
  26.                 <html><![CDATA[<span style='color:red'>RedColor</span>]]></html>  
  27.             </item>  
  28.             <item text="textbold" value="textbold">  
  29.                 <html><![CDATA[<span class='textbold'>textbold</span>]]></html>  
  30.             </item>  
  31.         </CssClass>  
  32.         <CssStyle>  
  33.             <item text="[[NotSet]]" value="null"></item>  
  34.             <item text="font-size:18pt" value="font-size:18pt"></item>  
  35.             <item text="color:red" value="color:red"></item>  
  36.         </CssStyle>  
  37.         <Codes>  
  38.             <item text="Email signature">  
  39.                 <value>Email signature</value>  
  40.                 <html>Email signature</html>  
  41.             </item>  
  42.             <item text="Contact us">  
  43.                 <value>Contact us</value>  
  44.                 <html>Contact us</html>  
  45.             </item>  
  46.         </Codes>  
  47.         <Links>  
  48.             <item text="CuteSoft" value="">  
  49.                 <html><![CDATA[<img src='/asp.net+wysiwyg+editor/developer+guide/scr/data/signature.gif' /> CuteSoft]]></html>  
  50.             </item>  
  51.             <item text="Mail to us" value="mailto:[email protected]">  
  52.                 <html><![CDATA[<img src='/asp.net+wysiwyg+editor/developer+guide/scr/data/email.gif' /> Mail to us]]></html>  
  53.             </item>  
  54.             </item>  
  55.             <item text="MSDN" value="http://msdn.com/">  
  56.                 <html><![CDATA[<img src='/asp.net+wysiwyg+editor/developer+guide/scr/data/msdn16.png' /> MSDN]]></html>  
  57.             </item>  
  58.         </Links>  
  59.         <Images>  
  60.             <item text="Logo">  
  61.                 <value><![CDATA[<img border="0" src="/images/logo.gif" />]]></value>  
  62.                 <html><![CDATA[<img src='/asp.net+wysiwyg+editor/developer+guide/scr/data/logo_s.gif' /> Company logo]]></html>  
  63.             </item>  
  64.             <item text="Flower">  
  65.                 <value><![CDATA[<img border="0" src="/asp.net+wysiwyg+editor/developer+guide/scr/data/j0313820.jpg" />]]></value>  
  66.                 <html><![CDATA[<img src='/asp.net+wysiwyg+editor/developer+guide/scr/data/flower_s.gif' /> Flower]]></html>  
  67.             </item>  
  68.         </Images>  
  69.         <DropForeColor>  
  70.             <item text="[[NotSet]]" value="null"></item>  
  71.             <item text="Black" color="Black" value="Black"></item>  
  72.             <item text="Red" color="Red" value="Red"></item>  
  73.         </DropForeColor>  
  74.         <DropBackColor>  
  75.             <item text="[[NotSet]]" value="null"></item>  
  76.             <item text="White" bgColor="White" value="White"></item>  
  77.             <item text="Red" bgColor="Red" value="Red"></item>  
  78.         </DropBackColor>  
  79.         <Zoom>  
  80.             <item text="400%" value="400"></item>  
  81.             <item text="200%" value="200"></item>  
  82.             <item text="100%" value="100"></item>  
  83.             <item text="75%" value="75"></item>  
  84.             <item text="25%" value="25"></item>  
  85.         </Zoom>  
  86.         <FormatBlock>  
  87.             <item text="[[DIV]]" value="&lt;DIV&gt;">  
  88.                 <html><![CDATA[[[DIV]]]]></html>  
  89.             </item>  
  90.             <item text="[[Normal]]" value="&lt;P&gt;">  
  91.                 <html><![CDATA[[[Normal]]]]></html>  
  92.             </item>  
  93.             <item text="[[Heading 1]]" value="&lt;H1&gt;">  
  94.                 <html><![CDATA[<b style='font-size:24pt'>[[Heading 1]]</b>]]></html>  
  95.             </item>  
  96.             <item text="[[Heading 2]]" value="&lt;H2&gt;">  
  97.                 <html><![CDATA[<b style='font-size:18pt'>[[Heading 2]]</b>]]></html>  
  98.             </item>  
  99.             </item>  
  100.             <item text="[[Address]]" value="&lt;Address&gt;">  
  101.                 <html><![CDATA[[[Address]]]]></html>  
  102.             </item>  
  103.             <item text="[[MenuList]]" value="&lt;MENU&gt;">  
  104.                 <html><![CDATA[[[MenuList]]]]></html>  
  105.             </item>  
  106.         </FormatBlock>  
  107.         <FontName>  
  108.             <item text="Arial" html="&lt;font face='Arial'&gt;Arial&lt;/font&gt;">Arial</item>  
  109.             <item text="Verdana" html="&lt;font face='Verdana'&gt;Verdana&lt;/font&gt;">Verdana</item>  
  110.         </FontName>  
  111.         <FontSize>  
  112.             <item text="[[NotSet]]" value="null">  
  113.                 <html><![CDATA[[[NotSet]]]]></html>  
  114.             </item>  
  115.             <item text="1 (8pt)" value="1">  
  116.                 <html><![CDATA[<font size='1'>Size 1 </font>(8pt)]]></html>  
  117.             </item>  
  118.             <item text="2 (10pt)" value="2">  
  119.                 <html><![CDATA[<font size='2'>Size 2 </font>(10pt)]]></html>  
  120.             </item>  
  121.         </FontSize>  
  122.     </dropdowns>  
  123. </configuration>  

  <configuration> Element

Each configuration file must start with the configuration element.

  <dropdowns> Element

This element contains the configuration information for the dropdowns within CuteEditor.

  <CssClass> Element

This element contains the configuration information for the CssClass dropdown within CuteEditor.

  <Codes> Element

This element contains the configuration information for the Code Snippet dropdown within CuteEditor.

  <Links> Element

This element contains the configuration information for the Links dropdown within CuteEditor.

  <Images> Element

This element contains the configuration information for the Images dropdown within CuteEditor.

  <Zoom> Element

This element contains the configuration information for the Zoom dropdown within CuteEditor.

  <FormatBlock> Element

This element contains the configuration information for the Paragraph dropdown within CuteEditor.

  <FontName> Element

This element contains the configuration information for the Font Name dropdown within CuteEditor.

  <FontSize> Element

This element contains the configuration information for the Font Size dropdown within CuteEditor.



    <CssClass>, <Codes>, <Links>, <Images>, <Zoom>, <FormatBlock>, <FontName>,  <FontSize>: <item> Element

This element contains the configuration information for a data item for use within a CuteEditor dropdown menu.
 

Attribute Description
text Sets the text displayed in a CuteEditor dropdown menu data item when not rendering as rich style
html Sets the html displayed in a CuteEditor dropdown menu data item when rendering as rich style.

In order for the HTML code to be interpreted correctly in the XML file, you need to enclose it in <![CDATA[ ]]>. CDATA is a special comment tag within an XML document. It basically says, "everything inside this tag is not XML and should be ignored by the parser".
value

Sets the value which is returned to the server when the form control is submitted. 

Example:

For the Font Size dropdown menu, the value should be a number.

For the CssClass dropdown menu, the value should be a class name.

Example:

1. <item text="color:red" value="color:red"></item>

2. <item text="CuteSoft" value="http://richscripts.com/">
        <html><![CDATA[
               <img src='http://richscripts.com/images/signature.gif' /> CuteSoft
              ]]>
       </html>
</item>


© 2003 - 2012 richscripts.com. All rights reserved.