使用Telerik的RadEditor的多个问题

时间:2010-12-11 12:05:21

标签: c# asp.net html css telerik

下面是我在页面上使用的两个RAdEditor代码的链接:

http://pastebin.com/GsgKhL76

我面临的问题如下:

  1. 当我在EditorQues中单击时,其工具栏显示。但是当我点击在EditorAns中输入时,EditorQues的基本工具栏会一直显示。 我希望这个基本工具栏在焦点位于EditorAns内时隐藏。

  2. Ajax拼写检查在两个编辑器中都不起作用。但是,当我在没有母版页的aspx页面中嵌入相同的编辑器时,Ajax拼写检查器工作得很好。 为什么拼写检查器不在我的这个有母版页的页面中工作?当我单击两个编辑器工具栏中的拼写检查按钮时,它会显示消息“正在进行拼写检查”和“完成拼写检查” 和“取消”按钮是灰色的,所以我无法点击它们,我必须每次刷新页面,以进行“完成拼写检查” 和“取消”按钮消失。我该如何解决?我的意思是使用母版页与拼写检查器有什么关系?我测试了另一个母版页,拼写检查工作正常我。 为什么它不能使用特定的母版页?可能有什么不对?

  3. 在编辑器中。 CustomSkin。 Css,我已将默认字体设置为14px,Verdana和Normal但是当编辑器加载时,我看不到字体属性 我已经设置了这个CSS。为什么不会覆盖属性并且正在应用母版页的css?

  4. 必填字段验证器无法使用rad编辑器。编辑器的内容存储为空字符串或中断选项卡“br /”。 如何验证RadEditor,以便空字符串不会存储在我的数据库中?

  5. 以下是css文件:

    母版页的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;
    
    }
    

    编辑器。 CustomSkin。 CSS 我在Telerik的网站上关于如何使用外部CSS的一些教程,并按如下方式实现: -

    我已将Default Skin的CSS文件(Editor.Default.Css)重命名为Editor。 CustomSkin。 Css并做了以下补充: -

    在我的自定义皮肤中添加了这个:

    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;
    
    }
    

    我已将内容区域的编辑器背景设置为白色,否则它将拾取母版页的背景图像

    我按照this示例使编辑器看起来像文本框

    http://demos.telerik.com/aspnet-ajax/editor/examples/editorastextbox/defaultcs.aspx

    它工作正常,但我仍然看到EditorQues周围的灰色阴影,这是RadEditor作为我页面上的文本框。我该如何摆脱它?

    如上所示,在我的页面的主题部分,我已注释掉以下内容: -

    <%--<link href="http://www.example.com/Skins/CustomSkin/EditorAsTextBox.CustomSkin.css" rel="stylesheet" type="text/css" />
    --%>
    

    (编辑注释:在编辑之前,example.com是mysite.com。Info

    我必须这样做,因为如果我添加对EditorAsTextBox的引用。 CustomSkin。 Css在ehead部分,EditorAns的工具栏的背景颜色(灰色)消失了 变白了。我也不知道如何解决这个问题。

    很抱歉这么多问题。希望我能在这里得到帮助。感谢。

1 个答案:

答案 0 :(得分:1)

由于声誉较低,我暂不发表评论。这肯定会在Telerik的支持票中提交。请记住,论坛不是支持服务单,它们只是Telerik社区的社区论坛,而登录您的帐户并点击“获取支持”链接可以提交支持服务单。

原因是整体代码看起来很好,但是将整个样本提交给Telerik团队本身就是一个好主意,因为他们可以在本地调试它。在此期间,我建议您阅读online documentation并查看他们的online demos,看看您的申请中是否有某些内容可能会丢失。