C# 使用Telerik'的多个问题;s RadEditor
下面是我在页面上使用的两个RADEDITOR代码的链接:C# 使用Telerik'的多个问题;s RadEditor,c#,asp.net,html,css,telerik,C#,Asp.net,Html,Css,Telerik,下面是我在页面上使用的两个RADEDITOR代码的链接: body {padding:0; margin:0; background-image:url(../images/bg.gif); background-repeat:repeat-x repeat-y;} body, td, input, textarea{ font-size:11px; font-family:Tahoma; color:#5D5F60; line-height:13px;
body {padding:0; margin:0; background-image:url(../images/bg.gif); background-repeat:repeat-x repeat-y;}
body, td, input, textarea{
font-size:11px;
font-family:Tahoma;
color:#5D5F60;
line-height:13px;
vertical-align:top;
padding:0px;
}
body
{
font-family:Verdana!important; /*Why is Verdana not being set as default font in the editor even though I have set important here? */
font-style:normal!important;
font-size:14px!important; /*Here too font size is not being set as 14 px and text appears smaller than 14 px */
}
h1,h2,h3,h4,h5
{
color:Black!important;
background-color:Transparent;
background-image:none!important;
font-weight:bold;
border-bottom:0px!important;
font-family:Segoe UI,Arial,Sans-serif;
cursor:default;
padding-left:0px;
padding-top:0px;
font: "Segoe UI",Arial,Sans-serif;
text-decoration:none;
}
h1{ font-size: 2em !important;}
h2{ font-size: 1.5em !important;}
h3{ font-size: 1.17em !important;}
h4{ font-size: 1em !important;}
h5{ font-size: .83em !important;}
h6{ font-size: .75em !important;}
.CustomSkin.RadEditor .reContentCell
{
background-image:none !important;
background-color:White !important;
border: solid 1px #828282;
}
我面临的问题如下:
body {padding:0; margin:0; background-image:url(../images/bg.gif); background-repeat:repeat-x repeat-y;}
body, td, input, textarea{
font-size:11px;
font-family:Tahoma;
color:#5D5F60;
line-height:13px;
vertical-align:top;
padding:0px;
}
body
{
font-family:Verdana!important; /*Why is Verdana not being set as default font in the editor even though I have set important here? */
font-style:normal!important;
font-size:14px!important; /*Here too font size is not being set as 14 px and text appears smaller than 14 px */
}
h1,h2,h3,h4,h5
{
color:Black!important;
background-color:Transparent;
background-image:none!important;
font-weight:bold;
border-bottom:0px!important;
font-family:Segoe UI,Arial,Sans-serif;
cursor:default;
padding-left:0px;
padding-top:0px;
font: "Segoe UI",Arial,Sans-serif;
text-decoration:none;
}
h1{ font-size: 2em !important;}
h2{ font-size: 1.5em !important;}
h3{ font-size: 1.17em !important;}
h4{ font-size: 1em !important;}
h5{ font-size: .83em !important;}
h6{ font-size: .75em !important;}
.CustomSkin.RadEditor .reContentCell
{
background-image:none !important;
background-color:White !important;
border: solid 1px #828282;
}
body {padding:0; margin:0; background-image:url(../images/bg.gif); background-repeat:repeat-x repeat-y;}
body, td, input, textarea{
font-size:11px;
font-family:Tahoma;
color:#5D5F60;
line-height:13px;
vertical-align:top;
padding:0px;
}
body
{
font-family:Verdana!important; /*Why is Verdana not being set as default font in the editor even though I have set important here? */
font-style:normal!important;
font-size:14px!important; /*Here too font size is not being set as 14 px and text appears smaller than 14 px */
}
h1,h2,h3,h4,h5
{
color:Black!important;
background-color:Transparent;
background-image:none!important;
font-weight:bold;
border-bottom:0px!important;
font-family:Segoe UI,Arial,Sans-serif;
cursor:default;
padding-left:0px;
padding-top:0px;
font: "Segoe UI",Arial,Sans-serif;
text-decoration:none;
}
h1{ font-size: 2em !important;}
h2{ font-size: 1.5em !important;}
h3{ font-size: 1.17em !important;}
h4{ font-size: 1em !important;}
h5{ font-size: .83em !important;}
h6{ font-size: .75em !important;}
.CustomSkin.RadEditor .reContentCell
{
background-image:none !important;
background-color:White !important;
border: solid 1px #828282;
}
编辑器。定制皮肤。Css
我在Telerik的网站上学习了一些关于如何使用外部CSS的教程,具体实现如下:-
我已经将默认皮肤的CSS文件(Editor.Default.CSS)重命名为Editor。定制皮肤。Css并添加了以下内容:-
在我的自定义皮肤中添加了此选项:
body {padding:0; margin:0; background-image:url(../images/bg.gif); background-repeat:repeat-x repeat-y;}
body, td, input, textarea{
font-size:11px;
font-family:Tahoma;
color:#5D5F60;
line-height:13px;
vertical-align:top;
padding:0px;
}
body
{
font-family:Verdana!important; /*Why is Verdana not being set as default font in the editor even though I have set important here? */
font-style:normal!important;
font-size:14px!important; /*Here too font size is not being set as 14 px and text appears smaller than 14 px */
}
h1,h2,h3,h4,h5
{
color:Black!important;
background-color:Transparent;
background-image:none!important;
font-weight:bold;
border-bottom:0px!important;
font-family:Segoe UI,Arial,Sans-serif;
cursor:default;
padding-left:0px;
padding-top:0px;
font: "Segoe UI",Arial,Sans-serif;
text-decoration:none;
}
h1{ font-size: 2em !important;}
h2{ font-size: 1.5em !important;}
h3{ font-size: 1.17em !important;}
h4{ font-size: 1em !important;}
h5{ font-size: .83em !important;}
h6{ font-size: .75em !important;}
.CustomSkin.RadEditor .reContentCell
{
background-image:none !important;
background-color:White !important;
border: solid 1px #828282;
}
我做的另一个更改是:
body {padding:0; margin:0; background-image:url(../images/bg.gif); background-repeat:repeat-x repeat-y;}
body, td, input, textarea{
font-size:11px;
font-family:Tahoma;
color:#5D5F60;
line-height:13px;
vertical-align:top;
padding:0px;
}
body
{
font-family:Verdana!important; /*Why is Verdana not being set as default font in the editor even though I have set important here? */
font-style:normal!important;
font-size:14px!important; /*Here too font size is not being set as 14 px and text appears smaller than 14 px */
}
h1,h2,h3,h4,h5
{
color:Black!important;
background-color:Transparent;
background-image:none!important;
font-weight:bold;
border-bottom:0px!important;
font-family:Segoe UI,Arial,Sans-serif;
cursor:default;
padding-left:0px;
padding-top:0px;
font: "Segoe UI",Arial,Sans-serif;
text-decoration:none;
}
h1{ font-size: 2em !important;}
h2{ font-size: 1.5em !important;}
h3{ font-size: 1.17em !important;}
h4{ font-size: 1em !important;}
h5{ font-size: .83em !important;}
h6{ font-size: .75em !important;}
.CustomSkin.RadEditor .reContentCell
{
background-image:none !important;
background-color:White !important;
border: solid 1px #828282;
}
我已经将编辑器的内容区域背景设置为白色,否则它将拾取母版页的背景图像
我按照示例使编辑器看起来像一个文本框
它工作正常,但我仍然看到EditorQues周围有灰色阴影,这是我页面上的一个文本框RadEditor。我怎样才能摆脱它
此外,在我的页面的标题部分,如您所见,我已经注释了以下内容:-
<%--<link href="http://www.example.com/Skins/CustomSkin/EditorAsTextBox.CustomSkin.css" rel="stylesheet" type="text/css" />
--%>
(编辑说明:example.com在编辑之前是mysite.com。)
我必须这样做,因为如果我添加对EditorAsTextBox的引用。定制皮肤。Css在标题部分,编辑工具栏的背景色(灰色)消失
然后变成白色。我也不知道如何解决这个问题
抱歉问了这么多问题。希望我能在这里得到帮助。谢谢。由于声誉较低,我还不能发表评论,所以将此贴在这里。这肯定是在Telerik的支持票中提交的东西。请记住,论坛不是支持票,它们只是Telerik社区的社区论坛,而支持票可以通过登录您的帐户并单击“获取支持”链接提交 这样做的原因是,总体而言,您的代码看起来不错,但是在这里,向Telerik团队提交一个完整的示例将是一个好主意,因为他们可以在本地对其进行调试。同时,我建议您仔细阅读它们,查看它们,看看您的应用程序中是否缺少某些内容