Telerik-如何在不使用ImageManager(或RadUpload)的情况下将图像插入RadEditor

时间:2019-05-31 15:01:51

标签: javascript asp.net-mvc telerik

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

我有一个RadEditor,我想要在其中选择一个图像,将其上传到相对于应用程序的目录中,最后将其显示在编辑器中。

不过,我不希望使用Telerik的ImageManager。我想要的是在RadEditor中有一个按钮,单击该按钮会弹出一个文件对话框(就像您在ImageManager中单击“插入”或放置{{ 1}}。)

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

  • 我已经能够在<input type="file"/>内创建自定义按钮,但该东西仍然调用了一个非常小巧的小窗口,当然必须实现(RadEditor)。
UploadDialogForm.aspx
<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>

我也试图在javascript函数中创建一个<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> 元素,但无济于事。预先感谢您的任何评论或努力。

1 个答案:

答案 0 :(得分:0)

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

解决方案2:注册external dialog files并自定义radeditor Image Manager对话框的一部分FileBrowser.ascx文件。去除绒毛,仅保留您想呈现给客户的功能/

解决方案3:您可以从https://www.telerik.com/clientsfiles/162892_customdialogs.zip?sfvrsn=e4c992bb_0

下载基于自定义对话框的示例