how to Use rich textbox inside ajax model popup.

<%@ Page Language="C#" ValidateRequest="false" %>
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"server">
"http://www.w3.org/1999/xhtml">
"Head1" runat="server">
"tiny_mce/tiny_mce.js" type="text/javascript">
"text/javascript">
tinyMCE.init({
// General options
mode: "textareas",
theme: "advanced",
plugins: "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
// Theme options
theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,
// Example content CSS (should be your site CSS)
content_css: "css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url: "lists/template_list.js",
external_link_list_url: "lists/link_list.js",
external_image_list_url: "lists/image_list.js",
media_external_list_url: "lists/media_list.js",
// Replace values for the template plugin
template_replace_values: {
username: "Some User",
staffid: "991234"
}
});
"text/css">
.modalBackground
{
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
background-color: #000;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
"form1" runat="server">
"ScriptManager1" runat="server">

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh4y ago
1. <%@ Page Language="C#" ValidateRequest="false" %>
3. "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5. "server">
9. "http://www.w3.org/1999/xhtml">
10. "Head1" runat="server">
13. "tiny_mce/tiny_mce.js" type="text/javascript">
15. "text/javascript">
16. tinyMCE.init({
17. // General options
18. mode: "textareas",
19. theme: "advanced",
20. plugins: "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
22. // Theme options
23. theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
24. theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
25. theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
26. theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
27. theme_advanced_toolbar_location: "top",
28. theme_advanced_toolbar_align: "left",
29. theme_advanced_statusbar_location: "bottom",
30. theme_advanced_resizing: true,
32. // Example content CSS (should be your site CSS)
33. content_css: "css/content.css",
35. // Drop lists for link/image/media/template dialogs
36. template_external_list_url: "lists/template_list.js",
37. external_link_list_url: "lists/link_list.js",
38. external_image_list_url: "lists/image_list.js",
39. media_external_list_url: "lists/media_list.js",
41. // Replace values for the template plugin
42. template_replace_values: {
43. username: "Some User",
44. staffid: "991234"
45. }
46. });
49. "text/css">
50. .modalBackground
51. {
52. position: absolute;
53. z-index: 100;
54. top: 0px;
55. left: 0px;
56. background-color: #000;
57. filter: alpha(opacity=60);
58. -moz-opacity: 0.6;
59. opacity: 0.6;
60. }
65. "form1" runat="server">
67. "ScriptManager1" runat="server">
"Panel1" runat="server" Height="250px" Width="591px" onclick="onShow();">
Hello test;
"Panel1_ModalPopupExtender" runat="server" DynamicServicePath=""
Enabled="True" TargetControlID="Panel1" BackgroundCssClass="modalBackground"
PopupControlID="Panel2">
"Panel2" runat="server" Height="250px" Width="591px">
"elm1" id="elm1" rows="15" cols="80" style="width: 99%; height: 280px;">
"Button1" type="button" value="OK" onclick="onOK();" />
"Button2" type="button" value="Cancel" onclick="onCancel();" />
"text/javascript">
function onShow() {
tinyMCE.get("elm1").setContent($get("<%=Panel1.ClientID %>").innerHTML);
$find("Panel1_ModalPopupExtender").show();
}
function onOK() {
$get("<%=Panel1.ClientID %>").innerHTML = tinyMCE.get('elm1').getContent();
$find("Panel1_ModalPopupExtender").hide();
}
function onCancel() {
$find("Panel1_ModalPopupExtender").hide();
}