I just deployed my first site with the RADEditor and the client does not like it. Here is his comment:
"
Also, the editor is not very user friendly at all (tinymce was way better at this point)... where are the options for it? For example, ctrl-z doesn't work in Chrome and I have to select paragraph format first before I add content or the content won't have <p> </p>... it also adds <br> when it shouldn't, and it sometimes makes urls urls (if I copy them from a browser address bar) and sometimes it doesn't and makes them just text"
ouch.
If I can't provide answers, he will make me rip this out and go back to tinymce.
Here is the editor, note that I set the newLineMode property. Hitting Enter in IE and FF works for me.
Here is the toolbar.
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
root
>
<
cssFiles
>
<
item
name
=
"~/_n/css/EditorContentAreaStyles.css"
/>
</
cssFiles
>
<
tools
>
<
tool
name
=
"PastePlainText"
/>
<
tool
name
=
"PasteFromWord"
/>
<
tool
name
=
"ConvertToLower"
/>
</
tools
>
<
tools
>
<
tool
name
=
"ApplyClass"
/>
<
tool
name
=
"FormatBlock"
/>
<
tool
separator
=
"true"
/>
<
tool
name
=
"Bold"
/>
<
tool
name
=
"Italic"
/>
<
tool
name
=
"Underline"
/>
<
tool
name
=
"Superscript"
/>
<
tool
name
=
"Subscript"
/>
<
tool
name
=
"BackColor"
/>
<
tool
name
=
"ForeColor"
/>
<
tool
name
=
"InsertSymbol"
/>
</
tools
>
<
tools
>
<
tool
name
=
"JustifyLeft"
/>
<
tool
name
=
"JustifyCenter"
/>
<
tool
name
=
"JustifyRight"
/>
<
tool
name
=
"JustifyFull"
/>
<
tool
separator
=
"true"
/>
<
tool
name
=
"Indent"
/>
<
tool
name
=
"Outdent"
/>
<
tool
separator
=
"true"
/>
<
tool
name
=
"InsertUnorderedList"
/>
<
tool
name
=
"InsertOrderedList"
/>
</
tools
>
<
tools
>
<
tool
name
=
"ImageManager"
/>
<
tool
name
=
"LinkManager"
/>
<
tool
name
=
"Unlink"
/>
</
tools
>
<
tools
name
=
"Tables"
tab
=
"Insert"
>
<
tool
name
=
"InsertTableLight"
size
=
"large"
/>
<
tool
name
=
"InsertTable"
/>
</
tools
>
<
tools
name
=
"Proofing"
tab
=
"Review"
>
<
tool
name
=
"XhtmlValidator"
size
=
"large"
/>
<
tool
name
=
"FindAndReplace"
/>
</
tools
>
</
root
>
and the styles. Is there anything about this CSS that would cause the problems?
body{
font-family
:
arial
,
helvetica
,
"helvetica neue"
,
sans-serif
!important
;
font-size
:
82%
!important
;
color
:
#4d3345
!important
;
line-height
:
1.6em
!important
;}
h
1
{
color
:
#0085cf
!important
;
font-weight
:
normal
!important
;
font-size
:
1.8em
!important
;
margin
:
25px
0
15px
30px
!important
;
line-height
:
1.4em
!important
;
text-shadow
:
2px
2px
2px
#ccc
!important
;}
h
2
{
color
:
#000
!important
;
font-weight
:
normal
!important
;
font-size
:
1.5em
!important
;
margin
:
25px
0
15px
30px
!important
;
line-height
:
1.4em
!important
;
text-shadow
:
2px
2px
2px
#ccc
!important
;}
h
3
{
color
:
#0085cf
!important
;
font-weight
:
normal
!important
;
font-style
:
italic
!important
;
font-size
:
1.3em
!important
;
margin
:
25px
0
15px
30px
!important
;
line-height
:
1.4em
!important
;
text-shadow
:
2px
2px
2px
#ccc
!important
;}
h
4
{
color
:
#0085cf
!important
;
font-weight
:
bold
!important
;
font-size
:
1.3em
!important
;
margin
:
25px
0
15px
30px
!important
;
line-height
:
1.4em
;
text-shadow
:
2px
2px
2px
#ccc
!important
;}
h
5
{
color
:
#000
!important
;
font-weight
:
normal
!important
;
font-size
:
1.4em
!important
;
margin
:
25px
0
15px
0
!important
;
line-height
:
1.4em
!important
;
text-align
:
center
!important
;
text-shadow
:
2px
2px
2px
#ccc
!important
;}
h
6
{
color
:
#0085cf
!important
;
font-style
:
italic
!important
;
font-size
:
1.15em
!important
;
margin
:
25px
0
15px
30px
!important
;
line-height
:
1.4em
!important
;
text-shadow
:
2px
2px
2px
#ccc
!important
;}
a{
color
:
#0085cf
!important
;
text-decoration
:
none
!important
;
outline
:
none
!important
;}
a:hover{
color
:
#00F
!important
;
text-decoration
:
underline
!important
;}
a:visited{
color
:
#006daa
!important
;}
a[href^=
"mailto:"
]{
display
:inline-
block
!important
;
padding-right
:
15px
!important
;
background
:
transparent
url
(/_n/i/icons/mailto.png)
right
no-repeat
!important
;}
.nav
1
{
font-size
:
11px
!important
;
line-height
:
14px
!important
;}
.i-r{
float
:
right
!important
;
margin
:
20px
10px
20px
20px
!important
;}
.i-l{
float
:
left
!important
;
margin
:
20px
20px
20px
10px
!important
;}
.i-c{
display
:
block
!important
;
margin-left
:
auto
!important
;
margin-right
:
auto
!important
;
padding
:
10px
10px
10px
10px
!important
;}
.news{
color
:
#0085cf
!important
;
font-size
:
1.7em
!important
;
line-height
:
1.1em
!important
;}
.bk{
background
:
#0085cf
!important
;}
.input{
color
:
#fff
!important
;
font-size
:
10px
!important
;
background-color
:
#006daa
!important
;
padding
:
1px
!important
;}
.input
2
{
color
:
#006daa
!important
;
background-color
:
#fff
!important
;
padding
:
1px
!important
;}
Any help much appreciated.