This is a migrated thread and some comments may be shown as answers.

Print Issue in RadEditor

8 Answers 208 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Vijay
Top achievements
Rank 2
Vijay asked on 13 Sep 2011, 08:32 AM
Hi Telerik Team,

I have an issue with radeditor while Printing i.e When you enter text  until radeditor has got some scroll bars and if you print that, all text is not getting printed.i have attached a sample PrintOut. Can u Please help me out in this issue.

Thanks,
vijay.

8 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 13 Sep 2011, 11:11 AM
Hi Vijay,

You should use the Print button of RadEditor to print the editor's content but not the Print button of the browser.
See the attached video for more information: http://screencast.com/t/DHERogyd.

Best wishes,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Vijay
Top achievements
Rank 2
answered on 13 Sep 2011, 11:17 AM
Hi Rumen,

Thanks For the Reply.

    i cant use that print button given in radeditor as radeditor is a part of my webpage which has many other controls and i've got seperate link in the web page to get it Printed.

Thanks,
Vijay.
0
Rumen
Telerik team
answered on 13 Sep 2011, 11:26 AM
Hi Vijay,

The browser cannot print the hidden content inside the editable iframes, divs, textareas as the content area of RadEditor.

In your case I suggest setting the AutoResizeHeight property to true in all RadEditors on the page so that their contents become visible on the page and can be printed.

Greetings,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Vijay
Top achievements
Rank 2
answered on 13 Sep 2011, 11:34 AM
Thanks For the Quick Response Rumen,


As u Said i could set autoresize property to true but as per the client requirements i have to show radeditor on web page with some fixed height with out changing .
Can we set this autoresize property through javascript only while the time of  printing and set back to original after the print command completes? 

Thanks,
vijay.

0
Rumen
Telerik team
answered on 13 Sep 2011, 01:36 PM
Hello Vijay,

The AutoResizeHeight property can be set on the server only.

The other possible approach is to get the editors contents on the client using editor.get_html(true), set it in a hidden iframe element on the page and print the content of the iframe element. If you unable to implement your scenario with RadEditor implement it with textarea elements. After that send us the code and we will replace the textareas with RadEditor controls and send you the updated code.

You can see how to print the content of multiple editors in this help article: Printing Content with Styles. You should create an iframe element and in the printDocument.write method to add the content of all editors.

Kind regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Waseem
Top achievements
Rank 1
answered on 29 Mar 2013, 05:09 PM
Hi Rumen

When i try to print radeditor using javascript. it is not printing radeditor according to my desired. i also attach image when i click on print link. Can you please check this?

     <script language="javascript" type="text/javascript">
          function PrintableDiv() {

              var radGrid = document.getElementById('tblPrint').innerHTML;
              var previewWnd = window.open('about:blank', '', '', false);
              var styleStr = "<html><head> <meta http-equiv='X-UA-Compatible' content='IE=8' /><title>Test Sample</title>";
              styleStr += "<style type='text/css'>.html{ padding: 0; margin: 0; height: 100%; } .body { padding: 0; margin: 0; height: 100%; } .form { padding: 0; margin: 0; height: 100%; }";
              styleStr += "</style></head>";

              var htmlcontent = styleStr + "<body>" + radGrid + "</body></html>";
              previewWnd.document.open();
              previewWnd.document.write(htmlcontent);
              previewWnd.document.close();
              previewWnd.print();
              previewWnd.close();
          }
      </script>
      
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
        </telerik:RadScriptManager>
        
              <div id="tblPrint" name="tblPrint">
                    <telerik:RadEditor ID="radEditor" runat="server" ToolbarMode="Default" BorderStyle="None" EditModes="Design" BorderWidth="0" BorderColor="Transparent" ExternalDialogsPath="~/EditorDialogs"  runat="server" Height="190" Width="100%">
                       <CssFiles>
                            <telerik:EditorCssFile Value="~\hris/css/FAQRadEditor.css" />
                        </CssFiles>
                        
                           <Tools>
                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="Bold" />
                                <telerik:EditorTool Name="Italic" />
                                <telerik:EditorTool Name="Underline" />
                                <telerik:EditorTool Name="ForeColor" />
                                <telerik:EditorTool Name="InsertSymbol" />
                            </telerik:EditorToolGroup>

                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="InsertUnorderedList" />
                                <telerik:EditorTool Name="InsertOrderedList" />
                            </telerik:EditorToolGroup>

                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="Outdent" />
                                <telerik:EditorTool Name="Indent" />
                            </telerik:EditorToolGroup>  

                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="JustifyLeft" />
                                <telerik:EditorTool Name="JustifyCenter" />
                                <telerik:EditorTool Name="JustifyRight" />
                            </telerik:EditorToolGroup>
                             
                            <telerik:EditorToolGroup>
                                    <telerik:EditorTool Name="LinkManager"/>
                            </telerik:EditorToolGroup>                                                                                                                                                                             
                                                                                       
                            <telerik:EditorToolGroup>
                                <telerik:EditorToolStrip Name="InsertTable" />
                            </telerik:EditorToolGroup>
                            
                            </Tools>
<Content>
</Content>
                    </telerik:RadEditor>
            </div>
            
            <a href="#" onclick="PrintableDiv()">Printable div</a>




Thanks,
Muhammad Waseem
the Telerik team
0
Elham
Top achievements
Rank 1
answered on 07 Aug 2017, 05:56 AM

Hi

i have this problem now

are u fix it ??

0
Elham
Top achievements
Rank 1
answered on 07 Aug 2017, 05:56 AM

Hi

i have this problen in pro=int of rad editor content like this

are u fix it??/

Tags
Editor
Asked by
Vijay
Top achievements
Rank 2
Answers by
Rumen
Telerik team
Vijay
Top achievements
Rank 2
Waseem
Top achievements
Rank 1
Elham
Top achievements
Rank 1
Share this question
or