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.
and the styles. Is there anything about this CSS that would cause the problems?
Any help much appreciated.
"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.
<
telerik:RadPageView
ID
=
"RadPageView2"
runat
=
"server"
>
<
telerik:RadEditor
ID
=
"RadEditor2"
runat
=
"server"
Content='<%# Bind("habitat") %>'
NewLineMode="P" ToolsFile="EditorTools.xml" Width="750" Height="472px">
<
ImageManager
ViewPaths
=
"~/upload"
UploadPaths
=
"~/upload"
DeletePaths
=
"~/upload"
/>
</
telerik:RadEditor
>
</
telerik:RadPageView
>
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.