I know I should create separate questions, but these are all so minor it doesn't seem worthwhile.
When try upload file/image i got error "check image"
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadEditor ID="RadEditor1" runat="server" SkinID="BasicSetOfTools" Height="500px"
ContentFilters="DefaultFilters,PdfExportFilter" ContentAreaMode="Div" NewLineMode="Br, P" ExternalDialogsPath="~/EditorDialogs" EnableResize="False"><ExportSettings OpenInNewWindow="True"></ExportSettings><Tools><telerik:EditorToolGroup Tag="MainToolbar"><telerik:EditorTool Name="XhtmlValidator" /><telerik:EditorTool Name="PageProperties" /><telerik:EditorTool Name="StyleBuilder" /><telerik:EditorTool Name="TrackChangesDialog" /><telerik:EditorTool Name="FormatCodeBlock" /><telerik:EditorSeparator /><telerik:EditorTool Name="InsertImage" /><telerik:EditorTool Name="InsertLink" /><telerik:EditorTool Name="InsertTableLight" /><telerik:EditorSeparator /><telerik:EditorToolStrip Name="InsertFormElement"></telerik:EditorToolStrip><telerik:EditorTool Name="InsertFormForm" /><telerik:EditorTool Name="InsertFormButton" /><telerik:EditorTool Name="InsertFormCheckbox" /><telerik:EditorTool Name="InsertFormHidden" /><telerik:EditorTool Name="InsertFormPassword" /><telerik:EditorTool Name="InsertFormRadio" /><telerik:EditorTool Name="InsertFormReset" /><telerik:EditorTool Name="InsertFormSelect" /><telerik:EditorTool Name="InsertFormSubmit" /><telerik:EditorTool Name="InsertFormTextarea" /><telerik:EditorTool Name="InsertFormText" /><telerik:EditorSeparator /><telerik:EditorTool Name="StripAll" /><telerik:EditorTool Name="StripCss" /><telerik:EditorTool Name="StripFont" /><telerik:EditorTool Name="StripSpan" /><telerik:EditorTool Name="StripWord" /></telerik:EditorToolGroup><telerik:EditorToolGroup Tag="InsertToolbar"><telerik:EditorTool Name="ImageManager" ShortCut="CTRL+M" /><telerik:EditorTool Name="ImageMapDialog" /><telerik:EditorSeparator /><telerik:EditorTool Name="FlashManager" /><telerik:EditorTool Name="MediaManager" /><telerik:EditorTool Name="InsertExternalVideo" /><telerik:EditorSeparator /><telerik:EditorTool Name="DocumentManager" /><telerik:EditorTool Name="TemplateManager" /><telerik:EditorSeparator /><telerik:EditorToolStrip Name="InsertTable"></telerik:EditorToolStrip><telerik:EditorTool Name="InsertRowAbove" /><telerik:EditorTool Name="InsertRowBelow" /><telerik:EditorTool Name="DeleteRow" /><telerik:EditorTool Name="InsertColumnLeft" /><telerik:EditorTool Name="InsertColumnRight" /><telerik:EditorTool Name="DeleteColumn" /><telerik:EditorSeparator /><telerik:EditorTool Name="MergeColumns" /><telerik:EditorTool Name="MergeRows" /><telerik:EditorSeparator /><telerik:EditorTool Name="SplitCellHorizontal" /><telerik:EditorTool Name="SplitCell" /><telerik:EditorTool Name="DeleteCell" /><telerik:EditorTool Name="SetCellProperties" /><telerik:EditorTool Name="SetTableProperties" /><telerik:EditorSeparator /><telerik:EditorSplitButton Name="InsertSymbol"></telerik:EditorSplitButton><telerik:EditorToolStrip Name="FormatStripper"></telerik:EditorToolStrip></telerik:EditorToolGroup><telerik:EditorToolGroup><telerik:EditorSplitButton Name="Undo"></telerik:EditorSplitButton><telerik:EditorSplitButton Name="Redo"></telerik:EditorSplitButton><telerik:EditorSeparator /><telerik:EditorTool Name="Cut" /><telerik:EditorTool Name="Copy" /><telerik:EditorTool Name="Paste" ShortCut="CTRL+V" /><telerik:EditorSeparator /><telerik:EditorTool Name="PasteFromWord" /><telerik:EditorTool Name="PasteFromWordNoFontsNoSizes" /><telerik:EditorTool Name="PastePlainText" /><telerik:EditorTool Name="PasteAsHtml" /><telerik:EditorTool Name="PasteHtml" /><telerik:EditorSeparator /><telerik:EditorTool Name="Print" /><telerik:EditorTool Name="FindAndReplace" /><telerik:EditorTool Name="SelectAll" /><telerik:EditorSeparator /><telerik:EditorTool Name="InsertGroupbox" /><telerik:EditorTool Name="InsertParagraph" /><telerik:EditorTool Name="InsertHorizontalRule" /><telerik:EditorSplitButton Name="InsertSnippet"></telerik:EditorSplitButton><telerik:EditorSeparator /><telerik:EditorTool Name="InsertDate" /><telerik:EditorTool Name="InsertTime" /><telerik:EditorSeparator /><telerik:EditorTool Name="AboutDialog" /><telerik:EditorTool Name="Help" /></telerik:EditorToolGroup><telerik:EditorToolGroup><telerik:EditorTool Name="Bold" /><telerik:EditorTool Name="Italic" /><telerik:EditorTool Name="Underline" /><telerik:EditorTool Name="StrikeThrough" /><telerik:EditorSeparator /><telerik:EditorTool Name="JustifyLeft" /><telerik:EditorTool Name="JustifyCenter" /><telerik:EditorTool Name="JustifyRight" /><telerik:EditorTool Name="JustifyFull" /><telerik:EditorTool Name="JustifyNone" /><telerik:EditorSeparator /><telerik:EditorTool Name="Superscript" /><telerik:EditorTool Name="Subscript" /><telerik:EditorSeparator /><telerik:EditorTool Name="ConvertToLower" /><telerik:EditorTool Name="ConvertToUpper" /><telerik:EditorTool Name="Indent" /><telerik:EditorTool Name="Outdent" /><telerik:EditorTool Name="InsertOrderedList" /><telerik:EditorTool Name="InsertUnorderedList" /><telerik:EditorTool Name="AbsolutePosition" /><telerik:EditorTool Name="InsertSpecialLink" Text="Insert Special Link"/><telerik:EditorTool Name="LinkManager" /><telerik:EditorTool Name="Unlink" /><telerik:EditorTool Name="ToggleTableBorder" /><telerik:EditorTool Name="ToggleScreenMode" /></telerik:EditorToolGroup><telerik:EditorToolGroup Tag="DropdownToolbar"><telerik:EditorSplitButton Name="ForeColor"></telerik:EditorSplitButton><telerik:EditorSplitButton Name="BackColor"></telerik:EditorSplitButton><telerik:EditorSeparator /><telerik:EditorDropDown Name="FontName"></telerik:EditorDropDown><telerik:EditorDropDown Name="FontSize"></telerik:EditorDropDown><telerik:EditorDropDown Name="RealFontSize"></telerik:EditorDropDown><telerik:EditorDropDown Name="ApplyClass"></telerik:EditorDropDown><telerik:EditorDropDown Name="InsertCustomLink"></telerik:EditorDropDown><telerik:EditorDropDown Name="FormatBlock"></telerik:EditorDropDown><telerik:EditorDropDown Name="Zoom"></telerik:EditorDropDown></telerik:EditorToolGroup></Tools><Content></Content><ImageManager MaxUploadFileSize="9242880" DeletePaths="~/UpLoadImages" UploadPaths="~/UpLoadImages"
ViewPaths="~/UpLoadImages" /><DocumentManager MaxUploadFileSize="9242880" DeletePaths="~/UploadFiles" UploadPaths="~/UploadFiles"
ViewPaths="~/UploadFiles" /><FlashManager MaxUploadFileSize="9242880" DeletePaths="~/UploadFiles" UploadPaths="~/UploadFiles"
ViewPaths="~/UploadFiles" /><SilverlightManager MaxUploadFileSize="9242880" DeletePaths="~/UploadFiles" UploadPaths="~/UploadFiles"
ViewPaths="~/UploadFiles" /><MediaManager MaxUploadFileSize="9242880" DeletePaths="~/UploadFiles" UploadPaths="~/UploadFiles"
ViewPaths="~/UploadFiles" /><TemplateManager MaxUploadFileSize="9242880" DeletePaths="~/UploadFiles" UploadPaths="~/UploadFiles"
ViewPaths="~/UploadFiles" /></telerik:RadEditor><script type="text/javascript">
Telerik.Web.UI.Editor.CommandList["InsertSpecialLink"] = function (commandName, editor, args) {
var elem = editor.getSelectedElement(); //returns the selected element.
if (elem.tagName == "A") {
editor.selectElement(elem);
argument = elem;
}
else {
var content = editor.getSelectionHtml();
var link = editor.get_document().createElement("A");
link.innerHTML = content;
argument = link;
}
var myCallbackFunction = function (sender, args) {
editor.pasteHtml(String.format("<a href={0} target='{1}' class='{2}'>{3}</a> ", args.href, args.target, args.className, args.name))
}
editor.showExternalDialog(
'InsertLink.aspx',
argument,
870,
600,
myCallbackFunction,
null,
'Insert Link',
true,
Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,
false,
false);
};
</script>
I am trying to remove the curly red underlines for misspelled words and outlined here: Disable browser spellcheck and curly red underlines in RadEditor content area. But the OnClientLoad event never fires. There are no errors on the console log, the editor is enabled, and it is visible.
I'm a little stuck as to what else I can try.
<div class="SectionBody">
<telerik:RadEditor ID="redPlan" runat="server" SkinID="EditorDefault" Height="170" Width="500" OnClientLoad="OnClientLoad" />
<asp:CustomValidator ID="cvPlan" runat="server" ControlToValidate="redPlan" ClientValidationFunction="EditorRequired" ValidateEmptyText="true"
Text="Required" ValidationGroup="vgDAP" />
</div>
<telerik:RadScriptBlock runat="server">
<script type="text/javascript">
function OnClientLoad(sender, args) {
sender.get_contentArea().setAttribute("spellcheck", "false");
}
</script>
</telerik:RadScriptBlock>
<span style="white-space: pre;"> </span>
Screen Shot 1: Below screen shot shows the Telerik RadEditor where, 5 Tabs are being entered after the Amount text.
<p>Amount<span style="white-space:pre;"> </span>54123</p> <p>Test Amount<span style="white-space:pre;"> </span>87596</p>
Screen Shot 2: Missing Tabs in SSRS report as shown below,
Screen Shot 3: SSRS report text field accepting HTML.
Can you please help us to find the solution for the above issue ?
Hi,
Experimenting with RadEditor's NewLineMode we find that mode "P" (default) is acting weird when I press Enter when positioned in a DIV.
A new DIV is created then. A very undesirable result, why not simply create a new <p> inside the DIV?
Marc
Telerik.web.ui version 2020.1.219.45 vs the older 2014.2.724.40 DLL. For security reasons I must use the newer library.
Using the most basic code below both can display simple HTML.
However, complex HTML like the attached file (rename txt to html) the old DLL displays fine, the newer DLL displays a crazy mess.
The attached HTML also shows fine in browers like Chrome.
I have tried filters such as EditorFilters.ConvertInlineStylesToAttributes, PdfExportFilter.
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor>
Thank you for your advice.
I have a custom drop down in the Telerik Editor. The ItemsPerRow is not working as all list items <li> are defaulting to full width. I cannot change the css on my dynamic dropdown without changing also the font dropdown, format dropdown, etc. How can I add a css class to the drop down in order to apply the CSS just to the custom dropdown? Any style assigned to the button itself does not apply, as the dropdown code is separate:
I am adding the button dynamically.
I just need to add a display:inline to the list items on my custom drop down to get them to show multiple items per row.
Thanks!
I have one client who has an issue on her computer on multiple browsers (Edge and Chrome).
About half the time she tries to use the font and size controls, the box floats away from its normal position and when it does this it is non functional.
Any ideas?
Hi everybody,
I have a problem with dialog.
When I replaced the .ascx files in the "EditorDialogs" folder located in the Telerik.UI installation. I clicked on "Insert Table" then clicked "Cell Properties". I see the Dialog height has been shortened.
Have I updated it wrongly or am I missing something? I hope you can help me.
Thank you very much!
I'm using the following code to create multi-level context menus in a RadEditor control, but I can't get the Text property of the tool to display instead of the Name property.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadEditorForm.aspx.cs" Inherits="RadEditorForm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<div>
<telerik:RadEditor ID="RadEditor1" runat="server" ToolsFile="RadEditorForm_ToolsFile.xml">
<ContextMenus>
<telerik:EditorContextMenu TagName="P">
<telerik:EditorTool Name="JustifyLeft"></telerik:EditorTool>
<telerik:EditorTool Name="JustifyCenter"></telerik:EditorTool>
<telerik:EditorTool Name="JustifyRight"></telerik:EditorTool>
<telerik:EditorTool Name="JustifyFull"></telerik:EditorTool>
</telerik:EditorContextMenu>
<telerik:EditorContextMenu TagName="BODY">
<telerik:EditorTool Name="JustifyLeft"></telerik:EditorTool>
<telerik:EditorTool Name="JustifyCenter"></telerik:EditorTool>
<telerik:EditorTool Name="JustifyRight"></telerik:EditorTool>
<telerik:EditorTool Name="JustifyFull"></telerik:EditorTool>
</telerik:EditorContextMenu>
</ContextMenus>
</telerik:RadEditor>
</div>
</form>
</body>
</html>
using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Configuration;
using System.Web.Security;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using Telerik.Web.UI;
public partial class RadEditorForm : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
EditorContextMenuTool dataMenu = new EditorContextMenuTool("Data");
dataMenu.Text = "Data X";
System.Text.StringBuilder sb = new System.Text.StringBuilder();
for (int l1 = 0;l1 < 5;l1++)
{
EditorContextMenuTool subDataMenu = new EditorContextMenuTool();
subDataMenu.Name = string.Concat("L",l1,"_Menu");
subDataMenu.Text = string.Concat("Level 1 Menu Item ",l1);
subDataMenu.ShowText = true;
subDataMenu.ShowIcon = false;
for (int l2 = 0; l2 < 5; l2++)
{
EditorTool tool = new EditorTool();
tool.Name = string.Concat("L",l1,"_Menu_",l2);
tool.Text = string.Concat("Level ",l1,"-Menu Item ",l2);
tool.ShowText = true;
tool.ShowIcon = false;
subDataMenu.Tools.Add(tool);
sb.Append("Telerik.Web.UI.Editor.CommandList[\"" + tool.Name + "\"] = function (commandName, editor, oTool) {debugger;editor.pasteHtml(\"<var>" + tool.Text + "</var>\");}");
sb.AppendLine();
}
dataMenu.Tools.Add(subDataMenu);
}
RadEditor1.ContextMenus.FindByTagName("P").Tools.Add(dataMenu);
RadEditor1.ContextMenus.FindByTagName("BODY").Tools.Add(dataMenu);
ScriptManager.RegisterStartupScript(Page, Page.GetType(), "contextMenuHandlerScript", sb.ToString(), true);
}
}