【问题标题】:Telerik - How to insert image into RadEditor without ImageManager (or RadUpload)Telerik - 如何在没有 ImageManager(或 RadUpload)的情况下将图像插入 RadEditor
【发布时间】:2019-05-31 15:01:51
【问题描述】:

我正在使用 ASP.NET Web 窗体和 Telerik。

我想将图像插入RadEditor

如果没有ImageManager 组件,我该怎么做?我只想要一个简单的文件对话框。 (例如当您在 Chrome 中“右键单击 > 另存为...”时)。

到目前为止我搜索过的内容:

  • 我已经能够制作一个自定义对话框,但是没有显示文件对话框,而是出现了一个带有“选择”按钮的非常丑陋的窗口(@98​​7654323@)。我只想要文件对话框
<telerik:RadEditor ID="radEditorContratoConfissao" runat="server" >
    <Tools>
        <telerik:EditorToolGroup Tag="Main">
            <telerik:EditorTool Name="Custom" />
        </telerik:EditorToolGroup>
    </Tools>
    <ImageManager ViewPaths="" UploadPaths="" DeletePaths=""></ImageManager>
</telerik:RadEditor>
<script language="javascript" type="text/javascript">
    Telerik.Web.UI.Editor.CommandList["Custom"] = function(commandName, editor, args) {

        var myCallbackFunction = function(sender, args) {
           editor.pasteHtml(String.format("<img src={0} /> ", args.href))
        }

        editor.showExternalDialog('UploadDialogForm.aspx',
        {},
        270,
        300,
        myCallbackFunction,
        null,
        'Insert Image',
        true,
        Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move,
        false,
        false);
    };
</script>

我还尝试在 javascript 函数中创建一个 input 元素,但无济于事。提前感谢任何 cmets 或努力。

【问题讨论】:

    标签: javascript asp.net-mvc telerik


    【解决方案1】:

    解决方案 1:您可以尝试轻量级的 InsertImage 对话框(它是一个内置对话框,用户在其中提供指向网络中某处托管的图像的 URL)。

    解决方案 2:注册 external dialog files 并自定义 FileBrowser.ascx 文件,该文件是 radeditor 图像管理器对话框的一部分。去除绒毛,只保留您想向客户展示的功能/

    解决方案 3:您可以从 https://www.telerik.com/clientsfiles/162892_customdialogs.zip?sfvrsn=e4c992bb_0 下载基于自定义对话框的示例

    【讨论】:

    • 感谢您的输入,但我已经尝试过这个。事实上,它在问题的“我到目前为止搜索的内容”部分中。这种方法的问题在于,出现一些丑陋的窗口而不是文件对话框,并带有“选择”按钮(这是一个RadUpload 组件)。我想要一个文件对话框,没有绒毛。
    • 感谢您提供额外信息。我已经根据它更新了我的回复。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-08-31
    • 2011-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-19
    相关资源
    最近更新 更多