[TYPO3-RTE] Adding a paragraph and character style

[Reinier Kleipool]

Hello,

 I am trying to add two styles to the RTE menus computer-p and
computer-s to the RTE menus. computer-p should be a paragraph of
computer output and computer-s the same but as a character style. I
think I have done everything as detailed in the manual, but nothing
shows in the menus. What am I doing wrong???

I do see the entries in the RTE menu when I set the "default
configuration settings" to minimal, but not when set to "typical"

RTEhtmlarea version 1.5.2
Typo3 version 4.1.1

Here is my page configuration:

TE.classes {
  adres{
    name = adres
    value = color: #990034;
  }
  computer-p {
    name = Computer
    value = font-family: monospace; background: #dce6f6;
  }
  computer-s {
    name = Computer
    value = font-family: monospace; background: #dce6f6;
  }
}

RTE.default {
  inlineStyle.inline-text (
       span.adres { color: 224477; }
       span.important { color: #8A0020; }
       span.name-of-person { color: #10007B; }
       span.detail { color: #186900; }
       span.computer-s { font-family: monospace; margin: 0px;
background: #dce6f6;}
  )
  inlineStyle.frames (
	p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1;
padding: 2px 4px 2px 4px; border: 1px solid #333333; }
	p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA;
padding: 2px 4px 2px 4px; border: 1px solid #333333; }
	p.computer-p { font-family: monospace; margin: 0px; background: #dce6f6;}
  )

  classesCharacter= computer-s, adres, important, name-of-person, detail
  classesParagraph= computer-p, align-left, align-center, align-right,
csc-frame-frame1, csc-frame-frame2

  proc.allowedClasses (
    	external-link, external-link-new-window, internal-link,
    	internal-link-new-window, download, mail,
    	align-left, align-center, align-right,
    	csc-frame-frame1, csc-frame-frame2,
    	component-items, action-items,
    	component-items-ordered, action-items-ordered,
    	adres, important, name-of-person, detail,
    	computer-p, computer-s
  )
 showButtons (
  	class, blockstylelabel, blockstyle, textstylelabel, textstyle,
  	formatblock, bold, italic, subscript, superscript,
  	orderedlist, unorderedlist, outdent, indent, textindicator,
  	insertcharacter, link, table, findreplace, spellcheck, chMode,
removeformat, undo, redo, about,
  	toggleborders, tableproperties,
  	rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit,
  	columninsertbefore, columninsertafter, columndelete, columnsplit,
  	cellproperties, cellinsertbefore, cellinsertafter, celldelete,
cellsplit, cellmerge
 )
}
RTE.default.FE < RTE.default
RTE.default.FE.showStatusBar = 0
RTE.default.FE.hideButtons (
   chMode, blockstyle, textstyle, underline, strikethrough, subscript,
   superscript, lefttoright, righttoleft, left, center, right,
   justifyfull, table, inserttag, findreplace, removeformat, copy, cut,
   paste
)
RTE.default.FE.FE >
RTE.default.FE.userElements >
RTE.default.FE.userLinks >

I have also added the styles to the stylesheet of my page:

.computer, p.computer-p, span.computer-s {
  font-family: r_ansi, Courier, monospace; font-size: 12px;
  background-color: #dce6f6;
  margin: 2px;
  border: solid, black, 0px;
}

Does anyone have some ideas about this? Any help would be much appreciated!

Kind Regards,
Reinier Kleipool.