【问题标题】:Multiple problems working with Telerik's RadEditor使用 Telerik 的 RadEditor 的多个问题
【发布时间】:2011-05-23 22:18:54
【问题描述】:

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

http://pastebin.com/GsgKhL76

我面临的问题如下:

  1. 当我在 EditorQues 内部单击时,会显示其工具栏。但是,当我在 EditorAns 中单击键入时,EditorQues 的基本工具栏会继续显示。 我希望当焦点在 EditorAns 内时隐藏这个基本工具栏。

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

  3. 在编辑器中。自定义皮肤。 Css,我已将默认字体设置为 14px、Verdana 和 Normal 但是当编辑器加载时,我没有看到字体属性 我在这个css中设置的。为什么属性没有被覆盖并且正在应用母版页的 css?

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

以下是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;

}

编辑器。自定义皮肤。 CSS 我在 Telerik 的网站上关注了一些关于如何使用外部 CSS 的教程,并实现如下:-

我已将 Default Skin 的 CSS 文件(Editor. Default. Css)重命名为 Editor。自定义皮肤。 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 的引用。自定义皮肤。头部分的css,EditorAns的工具栏的背景颜色(灰色)消失了 并变成白色。我也不知道如何解决这个问题。

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

【问题讨论】:

    标签: c# asp.net html css telerik


    【解决方案1】:

    由于声誉较低,我无法发表评论,因此在此处发布此内容。这肯定会在 Telerik 的支持票中提交。请记住,论坛不是支持票,它们只是 Telerik 社区的社区论坛,而支持票可以通过登录您的帐户并单击“获取支持”链接来提交。

    这样做的原因是您的代码总体上看起来不错,但是在这里将整个示例提交给 Telerik 团队将是一个好主意,因为他们可以在本地进行调试。同时,我建议您阅读他们的online documentation 并查看他们的online demos,看看您的应用程序中是否缺少某些内容。

    【讨论】:

      猜你喜欢
      • 2014-03-01
      • 2011-05-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-06
      • 2010-11-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多