Jan 29, 2012, 2:19 AM
[CLOSED] HtmlEditor text is rendered HTML encoded
Hi,
I have an HtmlEditor control in a FormPanel. On a full postback, the text is rendered correctly. However, when I save changes in a button DirectEvent, the text is rendered back HTML encoded. I found a related thread at http://forums.ext.net/showthread.php...coding-problem claiming that the problem was fixed. Please refer to the below for a code sample and advise kindly.
Thanks,
Vadym
I have an HtmlEditor control in a FormPanel. On a full postback, the text is rendered correctly. However, when I save changes in a button DirectEvent, the text is rendered back HTML encoded. I found a related thread at http://forums.ext.net/showthread.php...coding-problem claiming that the problem was fixed. Please refer to the below for a code sample and advise kindly.
Thanks,
Vadym
<%@ Page Language="C#" AutoEventWireup="true" %>
<script runat="server">
protected void ButtonSave_Click(object sender, DirectEventArgs e)
{
this.HtmlEditor1.Text = "After editing!";
}
protected void Page_Load(object sender, EventArgs e)
{
this.HtmlEditor1.Text = "Before editing...";
}
</script>
<!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 id="Head1" runat="server">
<title></title>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
<link rel="stylesheet" type="text/css" href="/resources/css/main.css" />
<script type="text/javascript">
var onSuccess = function (form) {
form.setValues(form.getValues());
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="X"
IDMode="Explicit" />
<ext:Viewport runat="server" Layout="BorderLayout" Region="Center">
<Items>
<ext:Panel ID="Panel1" runat="server" Width="900" AutoScroll="true" Border="false"
Frame="true" Margins="0 -5 -4 -5" Region="Center">
<Items>
<ext:FormPanel ID="FormPanel1" runat="server" Title="" Width="900" AutoScroll="true"
Padding="15" Border="false" Frame="true" TrackResetOnLoad="true">
<Items>
<ext:CompositeField ID="CompositeField1" runat="server" FieldLabel="Summary">
<Items>
<ext:HtmlEditor ID="HtmlEditor1" runat="server" Width="750" Height="360" AutoScroll="false">
<Listeners>
<Initialize Handler="Ext.DomHelper.applyStyles(this.getEditorBody(), {'background-position' : 'top right', 'margin':'0px', padding:'0px'});" />
</Listeners>
</ext:HtmlEditor>
</Items>
</ext:CompositeField>
</Items>
<Buttons>
<ext:Button ID="ButtonSave" runat="server" Text="Save" Icon="Disk">
<DirectEvents>
<Click OnEvent="ButtonSave_Click" Success="onSuccess(#{FormPanel1}.getForm());">
<EventMask ShowMask="true" />
<ExtraParams>
<ext:Parameter Name="values" Value="#{FormPanel1}.getForm().getValues()" Mode="Raw"
Encode="true" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="ButtonReset" runat="server" Text="Reset">
<Listeners>
<Click Handler="#{FormPanel1}.getForm().reset();" />
</Listeners>
</ext:Button>
</Buttons>
</ext:FormPanel>
</Items>
</ext:Panel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Daniil; Feb 22, 2012 at 3:05 PM.
Reason: [CLOSED]