Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Editor / Export to PDF



   
  
 
 
   

  • This online demo demonstrates the export to PDF feature of RadEditor.

    The approach is very straight-forward - to export the editor content to PDF format:

    1. Enable the PdfExportFilter filter of RadEditor: ContentFilters="DefaultFilters,PdfExportFilter" - if it is disabled the tables wont be exported
    2. Fire the ExportToPdf() server-side method to export the content to PDF file

    It is also possible to export the content as PDF on the server via the new OnExportContent event property of RadEditor.
    You may also need to configure the exporting settings for the editor through the RadEditor.ExportSettings section. The available properties are:
    • FileName - a string specifying the name (without the extension) of the file that will be created. The file extension is automatically added based on the method that is used.
    • OpenInNewWindow - open the exported PDF in a new instead of the same page
    There is additional sub-category (Pdf) for the ExportSettings dedicated on various configuration settings for the exported .pdf document. Below is a list of them:
    • AllowAdd - Boolean property which determines whether content adding is allowed
    • AllowCopy - Boolean property which determines whether content copying is allowed
    • AllowModify - Boolean property which determines whether content modifications are allowed
    • AllowPrint - Boolean property which determines whether the pdf document can be printed
    • PageTitle - Sets the title of the page
    • PageLeftMargin - Sets the left margin for the pages in the pdf document
    • PageRightMargin - Sets the right margin for the pages in the pdf document
    • PageTopMargin - Sets the top margin for the pages in the pdf document
    • PageBottomMargin - Sets the bottom margin for the pages in the pdf document
    • PageHeaderMargin - Sets the header margin for the pages in the pdf document
    • PageFooterMargin - Sets the footer margin for the pages in the pdf document
    • PageHeight - Sets the height of the pages in the pdf document
    • PageWidth - Sets the width of the pages in the pdf document
    • Author - Sets the name of the author of the pdf document
    • Keywords - Sets the keywords for the pdf document
    • Subject - Sets the subject of the pdf document
    • Title - Sets the title of the pdf document
    • PaperSize - Enumeration which specifies the paper font size.The default value is Letter
    • Producer - Specifies the producer of the resulting pdf document
    • Creator - Specifies the creator of the resulting pdf document

    Unsupported features / scenarios:

    Although we are striving to constantly improve our products, there are some limitations in the current implementation of our PDF engine:

    • Image transparency
    • Right-to-left fonts
    • Nested DIV elements with absolute position
    • Nested DIV elements with specified width or height
    • Automatic text clipping
    • Client-side binding
    • Medium trust

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Theme="Default" Language="vb" AutoEventWireup="true" CodeFile="DefaultVB.aspx.vb"
        Inherits="Telerik.Web.Examples.Editor.PdfExport.DefaultVB" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <qsf:HeadTag ID="Headtag1" runat="server" />
    </head>
    <body class="BODY">
        <form id="form1" runat="server">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="VB" />
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" />
    <asp:Button ID="Button1" Text="Export RadEditor content to PDF" CssClass="button"
    runat="server" OnClick="Button1_Click" />

        <br />
        <br />
        <telerik:RadEditor ID="RadEditor1" runat="server" ContentFilters="DefaultFilters,PdfExportFilter">
            <ExportSettings OpenInNewWindow="true" />
            <Content>
                <h2 style="background-color: #689a05; color: #ffffff; text-align: center;font-size: 22px; font-family: segoe ui;">RadEditor for ASP.NET AJAX</h2>
                <p style="text-align: justify;"><span style="font-size: 19px; color: #4f6128;"><strong>RadEditor</strong></span><span style="color: #4f6128;"> </span>is not simply an HTML<sup>1</sup> Editor. It is what Microsoft chose to use in <strong>MSDN</strong>, <strong>CodePlex</strong>, <strong>TechNet</strong>, <strong>MCMS</strong> and even as an alternative to the default editor in <a href="http://www.telerik.com/products/aspnet-ajax/sharepoint.aspx">SharePoint</a>. Whether you need a mere Textbox with Google-like spellchecker, or a Word-like content authoring environment, the result is the same: clean <strong>XHTML</strong> output, fast rendering, widest cross-browser support, and <a href="http://www.telerik.com/products/aspnet-ajax/editor.aspx">tons of features</a>: <br />
                <br />
                <img style="margin-top: 25px; float: left; margin-right: 15px;" alt="product logo" src="../../Img/editor.jpg" /></p>
                <ul style="width: 350px; float: left;">
                    <li>
                    <em>Out-of-the-box XHTML-enabled Output...</em>
                    </li>
                    <li>
                    <em>Unmatched Loading Speed and Performance</em>
                    </li>
                    <li>
                    <em>Microsoft Word-like Spell-checking</em>
                    </li>
                    <li>
                    <em>Seven Ways for Pasting from Word</em>
                    </li>
                    <li>
                    <em>Multilevel Undo/Redo with Action Trails</em>
                    </li>
                    <li>
                    <em>Extended Functionality Through Integrated Controls</em>
                    </li>
                </ul>
                <table width="500" style="margin: 0pt auto; width: 0px;clear:both;">
                    <colgroup><col /><col /><col /><col /></colgroup>
                    <thead>
                        <tr>
                            <th style="background-color: #ebf1dd;">Browser/OS</th>
                            <th style="background-color: #ebf1dd;">Windows</th>
                            <th style="background-color: #ebf1dd;">Mac OS</th>
                            <th style="background-color: #ebf1dd;">Linux</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td align="center" style="text-align: left; vertical-align: middle;"><img style="float: left;" alt="ie" src="../../Img/BrowserIcons/ie.gif" />&nbsp; Internet Explorer</td>
                            <td valign="top" style="background-color: #f2f2f2;">6.0+</td>
                            <td valign="top" style="background-color: #e5e0ec;">- </td>
                            <td valign="top" style="background-color: #dbeef3;">- </td>
                        </tr>
                        <tr>
                            <td><img style="float: left;" alt="ff" src="../../Img/BrowserIcons/ff.gif" />&nbsp; Firefox</td>
                            <td style="background-color: #f2f2f2;">1.5+</td>
                            <td style="background-color: #e5e0ec;">1.5+</td>
                            <td style="background-color: #dbeef3;">1.5+</td>
                        </tr>
                        <tr>
                            <td><img style="float: left;" alt="chrome" src="../../Img/BrowserIcons/chrome.gif" />&nbsp; Google Chrome</td>
                            <td style="background-color: #f2f2f2;">0.2+</td>
                            <td style="background-color: #e5e0ec;">5.0+</td>
                            <td style="background-color: #dbeef3;">5.0+</td>
                        </tr>
                        <tr>
                            <td><img style="float: left;" alt="opera" src="../../Img/BrowserIcons/opera.gif" />&nbsp; Opera</td>
                            <td style="background-color: #f2f2f2;">9.0+</td>
                            <td style="background-color: #e5e0ec;">9.0+</td>
                            <td style="background-color: #dbeef3;">-</td>
                        </tr>
                        <tr>
                            <td><img style="float: left;" alt="safari" src="../../Img/BrowserIcons/safari.gif" />&nbsp; Safari</td>
                            <td style="background-color: #f2f2f2;">3.0+</td>
                            <td style="background-color: #e5e0ec;">3.0+</td>
                            <td style="background-color: #dbeef3;">-</td>
                        </tr>
                        <tr>
                            <td><img style="float: left;" alt="chrome" src="../../Img/BrowserIcons/netscape.gif" />&nbsp; Netscape</td>
                            <td style="background-color: #f2f2f2;">9.0+</td>
                            <td style="background-color: #e5e0ec;">9.0+</td>
                            <td style="background-color: #dbeef3;">9.0+</td>
                        </tr>
                    </tbody>
                </table>
                <br />
                <p style="border-top: 1px solid #555;padding-top: 10px;">
                <sup><sup><a id="HTMLDescription">1.</a></sup>The computer language used to create world-wide-web pages which are read by browsers.</sup>
                </p>
            </Content>
        </telerik:RadEditor>
        <qsf:Footer runat="server" ID="Footer1" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451