RadEditor control

13 posts, 0 answers
  1. satya chaluvadi
    satya chaluvadi avatar
    4 posts
    Member since:
    Jul 2009

    Posted 04 Jun 2010 Link to this post

    Hi,

        I have one question, is that RadEditor supports including of image as a content, when user enter text as well as image, right now it looks like it is not allowing to paste image under the RadEditor control.   Please let me know, if there are any suggestions.

    Regards,
    Satya
  2. Rumen
    Admin
    Rumen avatar
    14166 posts

    Posted 04 Jun 2010 Link to this post

    Hi Satya,

    When pasting images from MS Word, PDF or local drive in an editable IFRAME element which is the content area of RadEditor then the src paths of these images point to a local drive but not to some web server. This means that these images wont be accessible via the HTTP protocol and the users will be unable to see them. Unfortunately there is no way to automatically upload an image file to the server because the JavaScript engine cannot access the local file system.

    You can paste images only from other sites which paths are accessible through the HTTP protocol.

    You should instruct your users to upload their images from local drive through the Upload functionality of the Image Manager. You can test it in this demo: File Managers.

    You can also insert images by pasting their URL paths in the Insert Image dialog which can be tested here.


    Best regards,
    Rumen
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Jose
    Jose avatar
    6 posts
    Member since:
    Dec 2016

    Posted 13 Dec 2016 Link to this post

    Hi team, what does the html preview does to the content of the radeditor control because I've notice that when i switch from regulars preview to html preview and back again some of the original html disappear 

    thanks

  4. Rumen
    Admin
    Rumen avatar
    14166 posts

    Posted 13 Dec 2016 Link to this post

    Hello Jose,

     

    The Preview is actually a disabled state of the Design view along with disabled stylesheet for the content area.

     

    Can you please provide more information which will help us to reproduce the issue:

    - are you able to reproduce it in the live demos and with the latest R3 2016 SP2 version?

    - provide sample content for test

    - describe the steps

     

    Regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Jose
    Jose avatar
    6 posts
    Member since:
    Dec 2016

    Posted 14 Dec 2016 Link to this post

    thanks for the early response, first i take the body from a gmail email and place it in the rad editor content an here is the source

     

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
    <meta name="Generator" content="Microsoft Word 15 (filtered medium)">
    <style><!--
    /* Font Definitions */
    @font-face
    {font-family:"Cambria Math";
    panose-1:2 4 5 3 5 4 6 3 2 4;}
    @font-face
    {font-family:Calibri;
    panose-1:2 15 5 2 2 2 4 3 2 4;}
    @font-face
    {font-family:Cambria;
    panose-1:2 4 5 3 5 4 6 3 2 4;}
    /* Style Definitions */
    p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin:0in;
    margin-bottom:.0001pt;
    font-size:11.0pt;
    font-family:"Calibri",sans-serif;}
    a:link, span.MsoHyperlink
    {mso-style-priority:99;
    color:#0563C1;
    text-decoration:underline;}
    a:visited, span.MsoHyperlinkFollowed
    {mso-style-priority:99;
    color:#954F72;
    text-decoration:underline;}
    span.EmailStyle17
    {mso-style-type:personal-compose;
    font-family:"Calibri",sans-serif;
    color:windowtext;}
    .MsoChpDefault
    {mso-style-type:export-only;
    font-family:"Calibri",sans-serif;}
    @page WordSection1
    {size:8.5in 11.0in;
    margin:1.0in 1.0in 1.0in 1.0in;}
    div.WordSection1
    {page:WordSection1;}
    --></style><!--[if gte mso 9]><xml>
    <o:shapedefaults v:ext="edit" spidmax="1026" />
    </xml><![endif]--><!--[if gte mso 9]><xml>
    <o:shapelayout v:ext="edit">
    <o:idmap v:ext="edit" data="1" />
    </o:shapelayout></xml><![endif]-->
    </head>
    <body lang="EN-US" link="#0563C1" vlink="#954F72">
    <div class="WordSection1">
    <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
    <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white"><o:p>&nbsp;</o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white"><o:p>&nbsp;</o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white"><o:p>&nbsp;</o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white">Best Regards,&nbsp;<o:p></o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white">Cresthill Capital Submissions Team.</span><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    <span style="background:white">&nbsp;</span><br>
    <span style="background:white">&nbsp;</span><br>
    </span><b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Submissions | Cresthill Capital LLC</span></b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    </span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Fax: 212-863-9002</span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    </span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Email:&nbsp;</span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1155CC;border:none windowtext 1.0pt;padding:0in;background:white"><a href="mailto:submissions@cresthillcapital.com" title="mailto:submissions@cresthillcapital.com"><span style="color:#00B1BD">submissions@cresthillcapital.com</span></a></span><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white"><o:p></o:p></span></b></p>
    <p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white"><o:p>&nbsp;</o:p></span></b></p>
    <p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white"><o:p>&nbsp;</o:p></span></b></p>
    <p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white">***PLEASE REMEMBER TO&nbsp;<u>REPLY TO ALL&nbsp;</u>TO CONFIRM RECEIPT***<o:p></o:p></span></b></p>
    <p class="MsoNormal"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    </span><b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Disclaimer:</span></b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">
     These documents were created for the particular circumstances of specific parties. Delivery of and sharing electronic and hard copy files on such documents to any parties without an explicit permissions of the originator are prohibited. Possible law and litigation
     could be incurred.</span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif"><o:p></o:p></span></p>
    <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
    </div>
    </body>
    </html>

     

     

    after i do an html preview this is wath i have letf

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
        <head>
        </head>
        <body lang="EN-US" link="#0563C1" vlink="#954F72">
            <div class="WordSection1">
            <p class="MsoNormal" style="margin-bottom: 12pt;"><span style="font-size: 12pt; background: white; font-family: Cambria, serif; color: black;"></span></p>
            <p class="MsoNormal" style="margin-bottom: 12pt;"><span style="font-size: 12pt; background: white; font-family: Cambria, serif; color: black;"></span></p>
            <p class="MsoNormal" style="margin-bottom: 12pt;"><span style="font-size: 12pt; background: white; font-family: Cambria, serif; color: black;"></span></p>
            <p class="MsoNormal" style="margin-bottom: 12pt;"><span style="font-size: 12pt; background: white; font-family: Cambria, serif; color: black;">Best Regards,&nbsp;</span></p>
            <p class="MsoNormal" style="margin-bottom: 12pt;"><span style="font-size: 12pt; background: white; font-family: Cambria, serif; color: black;">Cresthill Capital Submissions Team.</span><span style="font-size: 12pt; font-family: Cambria, serif; color: black;"><br />
            <span style="background: white;">&nbsp;</span><br />
            <span style="background: white;">&nbsp;</span><br />
            </span><strong><span style="font-size: 10pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #1f497d;">Submissions | Cresthill Capital LLC</span></strong><span style="font-size: 10pt; font-family: Cambria, serif; color: black;"><br />
            </span><span style="font-size: 10pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #1f497d;">Fax: 212-863-9002</span><span style="font-size: 10pt; font-family: Cambria, serif; color: black;"><br />
            </span><span style="font-size: 10pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #1f497d;">Email:&nbsp;</span><span style="font-size: 10pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #1155cc;"><a href="mailto:submissions@cresthillcapital.com" title="mailto:submissions@cresthillcapital.com"><span style="color: #00b1bd;">submissions@cresthillcapital.com</span></a></span><strong><span style="font-size: 12pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #c00000;"></span></strong></p>
            <p class="MsoNormal"><strong><span style="font-size: 12pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #c00000;"></span></strong></p>
            <p class="MsoNormal"><strong><span style="font-size: 12pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #c00000;"></span></strong></p>
            <p class="MsoNormal"><strong><span style="font-size: 12pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #c00000;">***PLEASE REMEMBER TO&nbsp;<span style="text-decoration: underline;">REPLY TO ALL&nbsp;</span>TO CONFIRM RECEIPT***</span></strong></p>
            <p class="MsoNormal"><span style="font-size: 12pt; font-family: Cambria, serif; color: black;"><br />
            </span><strong><span style="font-size: 10pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #1f497d;">Disclaimer:</span></strong><span style="font-size: 10pt; border: 1pt none windowtext; padding: 0in; background: white; font-family: Cambria, serif; color: #1f497d;">
            These documents were created for the particular circumstances of specific parties. Delivery of and sharing electronic and hard copy files on such documents to any parties without an explicit permissions of the originator are prohibited. Possible law and litigation
            could be incurred.</span><span style="font-size: 10pt; font-family: Cambria, serif;"></span></p>
            </div>
        </body>
    </html>

     

    so i want to know what does this html preview does on the behind  thanks

     

  6. Jose
    Jose avatar
    6 posts
    Member since:
    Dec 2016

    Posted 14 Dec 2016 Link to this post

    thanks for the early response, first i take the body from a gmail email and place it in the rad editor content an here is the source watch source

    after i do an html preview this is what i have letf

    watch left

     

    so i want to know what does this html preview does on the behind  thanks

     

  7. Rumen
    Admin
    Rumen avatar
    14166 posts

    Posted 14 Dec 2016 Link to this post

    Hello Jose,

    Can you please provide the HTML content in a TXT file so that I can copy and test it?

    Regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  8. Jose
    Jose avatar
    6 posts
    Member since:
    Dec 2016

    Posted 14 Dec 2016 in reply to Rumen Link to this post

    yes here it is the upload doesn't allow to upload txt files here is in plane text

     

     

     

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
    <meta name="Generator" content="Microsoft Word 15 (filtered medium)">
    <style><!--
    /* Font Definitions */
    @font-face
    {font-family:"Cambria Math";
    panose-1:2 4 5 3 5 4 6 3 2 4;}
    @font-face
    {font-family:Calibri;
    panose-1:2 15 5 2 2 2 4 3 2 4;}
    @font-face
    {font-family:Cambria;
    panose-1:2 4 5 3 5 4 6 3 2 4;}
    /* Style Definitions */
    p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin:0in;
    margin-bottom:.0001pt;
    font-size:11.0pt;
    font-family:"Calibri",sans-serif;}
    a:link, span.MsoHyperlink
    {mso-style-priority:99;
    color:#0563C1;
    text-decoration:underline;}
    a:visited, span.MsoHyperlinkFollowed
    {mso-style-priority:99;
    color:#954F72;
    text-decoration:underline;}
    span.EmailStyle17
    {mso-style-type:personal-compose;
    font-family:"Calibri",sans-serif;
    color:windowtext;}
    .MsoChpDefault
    {mso-style-type:export-only;
    font-family:"Calibri",sans-serif;}
    @page WordSection1
    {size:8.5in 11.0in;
    margin:1.0in 1.0in 1.0in 1.0in;}
    div.WordSection1
    {page:WordSection1;}
    --></style><!--[if gte mso 9]><xml>
    <o:shapedefaults v:ext="edit" spidmax="1026" />
    </xml><![endif]--><!--[if gte mso 9]><xml>
    <o:shapelayout v:ext="edit">
    <o:idmap v:ext="edit" data="1" />
    </o:shapelayout></xml><![endif]-->
    </head>
    <body lang="EN-US" link="#0563C1" vlink="#954F72">
    <div class="WordSection1">
    <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
    <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white"><o:p>&nbsp;</o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white"><o:p>&nbsp;</o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white"><o:p>&nbsp;</o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white">Best Regards,&nbsp;<o:p></o:p></span></p>
    <p class="MsoNormal" style="margin-bottom:12.0pt"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black;background:white">Cresthill Capital Submissions Team.</span><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    <span style="background:white">&nbsp;</span><br>
    <span style="background:white">&nbsp;</span><br>
    </span><b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Submissions | Cresthill Capital LLC</span></b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    </span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Fax: 212-863-9002</span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    </span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Email:&nbsp;</span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1155CC;border:none windowtext 1.0pt;padding:0in;background:white"><a href="mailto:submissions@cresthillcapital.com" title="mailto:submissions@cresthillcapital.com"><span style="color:#00B1BD">submissions@cresthillcapital.com</span></a></span><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white"><o:p></o:p></span></b></p>
    <p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white"><o:p>&nbsp;</o:p></span></b></p>
    <p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white"><o:p>&nbsp;</o:p></span></b></p>
    <p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:#C00000;border:none windowtext 1.0pt;padding:0in;background:white">***PLEASE REMEMBER TO&nbsp;<u>REPLY TO ALL&nbsp;</u>TO CONFIRM RECEIPT***<o:p></o:p></span></b></p>
    <p class="MsoNormal"><span style="font-size:12.0pt;font-family:&quot;Cambria&quot;,serif;color:black"><br>
    </span><b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">Disclaimer:</span></b><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif;color:#1F497D;border:none windowtext 1.0pt;padding:0in;background:white">
     These documents were created for the particular circumstances of specific parties. Delivery of and sharing electronic and hard copy files on such documents to any parties without an explicit permissions of the originator are prohibited. Possible law and litigation
     could be incurred.</span><span style="font-size:10.0pt;font-family:&quot;Cambria&quot;,serif"><o:p></o:p></span></p>
    <p class="MsoNormal"><o:p>&nbsp;</o:p></p>
    </div>
    </body>
    </html>

  9. Rumen
    Admin
    Rumen avatar
    14166 posts

    Posted 14 Dec 2016 Link to this post

    Hi,

    I tested the provided content and was unable to reproduce the style striping issue as you can see here: http://screencast.com/t/RQNeZcDowmE. 

    Under which browser the issue happens? Are you able to reproduce it in this live demo: http://demos.telerik.com/aspnet-ajax/editor?

    Best regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  10. Jose
    Jose avatar
    6 posts
    Member since:
    Dec 2016

    Posted 14 Dec 2016 in reply to Rumen Link to this post

    under chrome 
  11. Rumen
    Admin
    Rumen avatar
    14166 posts

    Posted 14 Dec 2016 Link to this post

    My test has been performed in the latest Chrome too. 

    Have you had a chance to test the live demo? It works with the latest version of RadEditor and possibly the issue is fixed in it.

    Best regards,

    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  12. Jose
    Jose avatar
    6 posts
    Member since:
    Dec 2016

    Posted 14 Dec 2016 in reply to Jose Link to this post

    it seems that the issue happens when i assign that html to the radeditor.content in code behind  when the controls render in the html page and you switch view that happens can you tell me if there is any implementation code for the switching views???
  13. Rumen
    Admin
    Rumen avatar
    14166 posts

    Posted 15 Dec 2016 Link to this post

    Hello Jose,

    I'm unable to reproduce the issue in this Database demo http://demos.telerik.com/aspnet-ajax/editor/examples/saveindatabase/defaultcs.aspx where the content is saved and loaded via the Content property of RadEditor.

    Are you able to reproduce it there?

    Regards,
    Rumen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top