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

RadEditor control

12 Answers 135 Views
Editor
This is a migrated thread and some comments may be shown as answers.
satya chaluvadi
Top achievements
Rank 1
satya chaluvadi asked on 04 Jun 2010, 03:39 PM
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

12 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 04 Jun 2010, 03:59 PM
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.
0
Jose
Top achievements
Rank 1
answered on 13 Dec 2016, 10:16 PM

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

0
Rumen
Telerik team
answered on 13 Dec 2016, 11:21 PM

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.
0
Jose
Top achievements
Rank 1
answered on 14 Dec 2016, 01:39 PM

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

 

0
Jose
Top achievements
Rank 1
answered on 14 Dec 2016, 01:51 PM

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

 

0
Rumen
Telerik team
answered on 14 Dec 2016, 02:00 PM

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.
0
Jose
Top achievements
Rank 1
answered on 14 Dec 2016, 02:25 PM

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>

0
Rumen
Telerik team
answered on 14 Dec 2016, 04:30 PM
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.
0
Jose
Top achievements
Rank 1
answered on 14 Dec 2016, 04:59 PM
under chrome 
0
Rumen
Telerik team
answered on 14 Dec 2016, 05:05 PM

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.
0
Jose
Top achievements
Rank 1
answered on 14 Dec 2016, 05:08 PM
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???
0
Rumen
Telerik team
answered on 15 Dec 2016, 08:57 AM

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.
Tags
Editor
Asked by
satya chaluvadi
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Jose
Top achievements
Rank 1
Share this question
or