I notice that there is a STYLE menu and a PARAGRAPH menu.

 

The PARAGRAPH menu seems to add HTML tags.

 

The STYLE menu appears to add FONT tags.

 

How do I add CLASS attributes to items for CSS?

 

For instance, I'd like people to be able to select a table, and add a "dataTable" class to the table tag. Or a snippet of text and have it wrapped in <span class="date"></span> tags. Is that doable with this product?

 

Cool!

 

So, two questions:

 

1) Where do the style names and classes come from to populate the menu?

2) When selecting text, is there a way to have the style class attribute applied via a different tag than FONT?

 

 

You can populate the menu yourself by grabbing the wanted dropdownlist and adding whatever items you want.

     Editor1.StyleDropDown.Items.Add("Text", "Value");

Where "Text" is what will appear in the DropDownList and "Value" is the name of the class (so that class name must be defined in a style sheet that is linked to the page)

 

I'm not sure if the CuteEditor has anything like this but if you want to make a custom DropDown to do something similar then check out http://www.cutesoft.net/Forums/ShowPost.aspx?PostID=1196 near the bottom where Adam gave me some code that you can probably change to fit your need.

CS0117: 'CuteEditor.Editor' does not contain a definition for 'StyleDropDown'
Source Error:
Line 31:    Editor1.Text = "Type Here";
Line 32:    Editor1.StyleDropDown.Items.Add(new ListItem("Style 1","Heading"));

What am I doing wrong?

Thanks,

Steve

And when I look at the documentation it doesn't even contain a property for StyleDropDown... I only downloaded the CuteEditor for .NET yesterday... I wonder if I'm using a different version to many of the references in this forum??

Dear All:

 

Happy Thanksgiving Day !

The CuteEditor 4.0 move many control from the Editor.ControlName to the Configuration file.

So , the CssClass/CssStyle is just defined in the configuration file (including the command name)

When you want to get the control by programming ,

You could use this code :

C#

CuteEditor.ToolControl toolctrl=Editor1.ToolControls["CssStyle"];

if the "CssStyle" is defined in the Full.config specify by the Editor1.AutoConfigure ,

you could get the control using expression "toolctrl.Control" . for the dropdown , the control type is CuteEditor.RichDropDownList , so you could do this :

C#

if(!IsPostBack)
{
    CuteEditor.ToolControl toolctrl=Editor1.ToolControls["CssStyle"]; 
    if(toolctrl!=null)
    {
        CuteEditor.RichDropDownList rddl=(CuteEditor.RichDropDownList)toolctrl.Control;
        //Items.Add(html,text,value);
        rddl.Items.Add("<b>bold text</b>","*bold text*","font-weight:bold");
    }
}

 

Regards , Terry .

I tried to edit the "Highlight" class so that the background-color was green. I did this by editing the class definition in example.css but the text was still highlighted in yellow. What am I doing wrong ?

 

I could edit common.config and change the appearance of the Highlight dropdown - that was OK.

squirrel,

 

Please try the following steps:

 

1. Edit the common.config and change the appearance of the Highlight dropdown  ( you've done this )

 

2. Opent the CuteEditor/Template.aspx and modify the following code:

 

.Highlight
  {
     background-color: yellow;
  }

 

Please note that you can remove all the classes in the Template.aspx  and use the Editor.TemplateStyleSheet Property to specify the location of the style sheet that will be used by the editable area.

For example: <CE:Editor id="Editor1" runat="server" TemplateStyleSheet ="~/example.css"></CE:Editor>

---

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx