Hi,
Why when I include a embedded image into a HTML Editor it disappears.
To illustrate the problem see the HTML code below.
Code: HTML/ASPX
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="EdtImg._Default" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Editor Image Insert</title>
<script language="JavaScript1.2">
function InsertImage()
{
var editor = eo_GetObject("Editor1");
var logo = 'data:image/jpg;base64,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';
editor.execCommand("InsertHTML", "<img src='" + logo + "' id='GLMLogo' height='32' width='93' />");
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" OnClientClick="javascript: return InsertImage();"
Text="Insert Image" /><br />
<br />
<eo:Editor ID="Editor1" runat="server" Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" Height="320px" HighlightColor="255, 255, 192"
ToolBarSet="Basic" Width="500px">
<FooterStyle __designer:dtid="281479271677953" CssText="border-right: gray 1px solid; padding-right: 2px; border-top: gray 1px; padding-left: 2px; padding-bottom: 2px; border-left: gray 1px solid; padding-top: 2px; border-bottom: gray 1px solid; background-color: #fafafa" />
<BreadcrumbItemStyle __designer:dtid="281479271677954" CssText="border-right: darkgray 1px solid; padding-right: 3px; border-top: darkgray 1px solid; margin-top: 1px; padding-left: 3px; font-size: 12px; padding-bottom: 1px; border-left: darkgray 1px solid; padding-top: 1px; border-bottom: darkgray 1px solid; font-family: tahoma" />
<EmoticonStyle __designer:dtid="281479271677955" CssText="background-color:white;border-bottom-color:#c5d3ed;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#c5d3ed;border-left-style:solid;border-left-width:1px;border-right-color:#c5d3ed;border-right-style:solid;border-right-width:1px;border-top-color:#c5d3ed;border-top-style:solid;border-top-width:1px;padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<BreadcrumbItemHoverStyle __designer:dtid="281479271677956" CssText="border-right: darkgray 1px solid; padding-right: 3px; border-top: darkgray 1px solid; margin-top: 1px; padding-left: 3px; font-size: 12px; padding-bottom: 1px; border-left: darkgray 1px solid; padding-top: 1px; border-bottom: darkgray 1px solid; font-family: tahoma; background-color:#e0e0e0;" />
<HeaderStyle __designer:dtid="281479271677957" CssText="border-right: gray 1px solid; border-top: gray 1px solid; border-left: gray 1px solid; border-bottom: gray 1px" />
<BreadcrumbItemSeparatorStyle __designer:dtid="281479271677958" CssText="width: 3px; height: 10px" />
<EmoticonDropDownStyle __designer:dtid="281479271677959" CssText="border-top: gray 1px solid; border-right: gray 1px solid; padding-right: 2px; border-top: gray 1px; padding-left: 2px; padding-bottom: 2px; border-left: gray 1px solid; padding-top: 2px; border-bottom: gray 1px solid; background-color: #fafafa" />
<BreadcrumbLabelStyle __designer:dtid="281479271677960" CssText="padding-right: 6px; padding-left: 6px; font-size: 12px; padding-top: 1px; font-family: tahoma" />
<BreadcrumbDropDownStyle __designer:dtid="281479271677961" CssText="border-top: gray 1px solid; border-right: gray 1px solid; padding-right: 2px; border-top: gray 1px; padding-left: 2px; padding-bottom: 2px; border-left: gray 1px solid; padding-top: 2px; border-bottom: gray 1px solid; background-color: #fafafa" />
<TabButtonStyles __designer:dtid="281479271677962">
<NormalStyle __designer:dtid="281479271677963" CssText="border-right: #335ea8 1px; padding-right: 7px; border-top: #335ea8 1px; padding-left: 7px; font-size: 12px; padding-bottom: 3px; border-left: #335ea8 1px; padding-top: 3px; border-bottom: #335ea8 1px; font-family: tahoma; background-color: white" />
<HoverStyle __designer:dtid="281479271677964" CssText="border-right: #335ea8 1px solid; padding-right: 6px; border-top: #335ea8 1px solid; padding-left: 6px; font-size: 12px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; font-family: tahoma; background-color: #c2cfe5" />
<SelectedStyle __designer:dtid="281479271677965" CssText="border-right: #335ea8 1px solid; padding-right: 6px; border-top: #335ea8 1px solid; padding-left: 6px; font-size: 12px; padding-bottom: 2px; border-left: #335ea8 1px solid; padding-top: 2px; border-bottom: #335ea8 1px solid; font-family: tahoma; background-color: white" />
</TabButtonStyles>
<EditAreaStyle __designer:dtid="281479271677966" CssText="border-right: gray 1px solid; padding-right: 0px; border-top: gray 1px solid; padding-left: 0px; padding-bottom: 0px; border-left: gray 1px solid; padding-top: 0px; border-bottom: gray 1px solid" />
</eo:Editor>
</div>
</form>
</body>
</html>
When you press the "Insert Image", the image
is inserted in the text. But when I click the button "HTML" of the Editor the respective HTML code disappears. It does not appear even if I return to Design mode.
This behavior is a bug or I'm doing something wrong?
Thanks in advance, Camarate