CSS subclasses possible?

Last post 08-27-2009, 10:16 AM by dwallacenvcc. 5 replies.
Sort Posts: Previous Next
  •  01-26-2006, 5:32 AM 15153

    CSS subclasses possible?

    I have following problem:
    I want users to format text paragraphs with different classes, i.e. <p class="greenText_indented80"> or <p class="bluebox_textsize12">.
     
    When I work with "Css Class", only <span class=...> tags will be inserted.
    Wehn working with "Paragraph", only <p> or <h3> tags will be inserted without class information.
    How can I solve this problem?
  •  01-26-2006, 4:58 PM 15175 in reply to 15153

    Re: CSS subclasses possible?

    If you select the whole paragraph and pick a class in the css class dropdown, the class of your paragraph will be changed.
     
    If you only select a piece of text instead of the whole paragraph,  CE will use the span tag to apply the css class.
     
    CE also has another method which allows you change the class of the existing element.
     
    Put your mouse cursor over the element, right click, in the context menu, choose tags, in the open style builder, you can change the class of this element.
     
     

    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

  •  03-05-2007, 6:00 AM 27146 in reply to 15175

    Re: CSS subclasses possible?

    I am also facing the same issue reported in this thread. Css class is getting assigned to the newly inserted SPAN tag though i select the entire paragraph ( I tried using Ctrl +A also) and assigned a css class from the drop down.
     
    Please let me know how to resolve this?
     
    similary i am unable to assign specific css class to <UL> and <LI> elements.
     
  •  03-05-2007, 1:40 PM 27161 in reply to 27146

    Re: CSS subclasses possible?

    Adinarayana:
    I am also facing the same issue reported in this thread. Css class is getting assigned to the newly inserted SPAN tag though i select the entire paragraph ( I tried using Ctrl +A also) and assigned a css class from the drop down.
     
    Please let me know how to resolve this?
     
    similary i am unable to assign specific css class to <UL> and <LI> elements.
     
     
    Let me explain this in details.
     

    For example, you type "Hello World" into the editor.
     
    Select it and chaneg the font name to Comic sans MS, you will get:

    <span style="FONT-FAMILY: Comic Sans MS">Hello World</span>  
     
     
    If you select the above HTML code and change the font site, you have two situations:
     
    1. The select range is same. You will get:

    <span style="FONT-SIZE: 12pt; FONT-FAMILY: Comic Sans MS">Hello World</span>
      
     
    2. If the select range is not same, CuteEditor will reformat the selection.
     
    For example, what you select is <span style="FONT-FAMILY: Comic Sans MS">Hello World</span> testtest..
     
    In this situation, CuteEditor will generate the following HTML code:
     
    <span style="FONT-SIZE: 14pt">Hello World testtest</span>
     
    Instead of the nested HTML code like this:
     
    <span style="FONT-SIZE: 14pt"><span style="FONT-FAMILY: Comic Sans MS">Hello World</span> testtest..</span>
     

    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

  •  03-05-2007, 1:41 PM 27162 in reply to 27146

    Re: CSS subclasses possible?

    Adinarayana:
     
    similary i am unable to assign specific css class to <UL> and <LI> elements.
     
     
    Please use the style builder.

    Right-click >> tags>> properties

    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

  •  08-27-2009, 10:16 AM 55105 in reply to 27162

    Re: Apply CSS Class menu items to any block level element without the use of extra <span> tags

    I am having the same issue with CE that has been descibed previously in this thread. 

    We have several custom classes that show up in the CSS Class menu.  As much as possible we have tuned off the ability for our authors to use every crayon in the box including font colors, sizes and inline styles.  We want them to use the classes we have created for them instead of designing their own flavor of content layout on every page. 

    If I select an entire paragraph or div or other block level element and then pick a option from the CSS Class menu I do not want an extra span tag to be inserted with the class applied to it I expect the class to be applied to the tag itself.  Use of the span tag is fine only if a CSS Style is applied to only a portion of text.

    When an entire paragraph of text is selected and a CSS Style is applied CE is writing this code:
    <p><span class="CustomClass">Hello world</span></p>


    I want CE to apply the class to the tag itslef like this example:
    <p class="CustomClass">Hello world</p>


    Where is the setting to enable CE to apply classes from the CSS Class menu to any block level element itself like a <p>, <div>, <ul>, <li>, <h2> etc. instead of inserting extra <span> tags to contain the class.

    Note:  I know the  General tab on the Style Builder dialog box includes a CSS Class input box.  If our users had all of our class names memorized this would work fine but its not likely any of them will be able to know the name of the class they want to use and type it in that box.  Converting that input box to a CSS Style drop down menu would be helpful but not the complete solution I am asking about as it requres extra steps by the editor to right click on the selected content, select Tags, then click on the P in the flyout menu, wait for the dialog to show up and then choose an option.

    Thank you in advance for your help.
     

     


     


     

     

     

     
View as RSS news feed in XML