{"id":34,"date":"2011-11-10T14:18:00","date_gmt":"2011-11-10T14:18:00","guid":{"rendered":"https:\/\/wdev-blog.azurewebsites.net\/index.php\/2011\/11\/10\/convert-xmltext-to-htmltext\/"},"modified":"2011-11-10T14:18:00","modified_gmt":"2011-11-10T14:18:00","slug":"convert-xmltext-to-htmltext","status":"publish","type":"post","link":"http:\/\/panahy.nl\/index.php\/2011\/11\/10\/convert-xmltext-to-htmltext\/","title":{"rendered":"Convert XmlText to HtmlText"},"content":{"rendered":"<div dir=\"ltr\">\n<div dir=\"ltr\"><span style=\"color: black; font-family: Verdana;\">I have been using Xml streams for quite some time. When I use them in an ASP.Net page, using SOAP or Ajax calls, I sometimes want to see what I send and what I recieve from the server. Showing them on the page was always a bit of tweak. This ample code demonstrates a very simple tweek. It provides a label that can show the xml Text (as its content or Text property) on the page,&nbsp;by rendering the simpel characters.<\/span><\/div>\n<div dir=\"ltr\"><\/div>\n<div dir=\"ltr\"><span style=\"font-family: Verdana;\">When the control is compiled I can use it as one of&nbsp;the two ways:<\/span><\/div>\n<div dir=\"ltr\"><\/div>\n<div dir=\"ltr\"><span style=\"font-family: Verdana;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"> <\/span><\/span><\/span><\/span><br \/><span style=\"font-family: Verdana;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&lt;<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">panahyAjax<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">:<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">XmlLabel<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: red; font-family: Consolas;\"><span style=\"color: red; font-family: Consolas;\"><span style=\"color: red; font-family: Consolas;\">runat<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">=&#8221;server&#8221;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: red; font-family: Consolas;\"><span style=\"color: red; font-family: Consolas;\"><span style=\"color: red; font-family: Consolas;\">ID<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">=&#8221;xmlLabel&#8221;&gt;<br \/><\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&lt;<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">this<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&gt;<br \/>&nbsp; <\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&lt;<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">is<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: red; font-family: Consolas;\"><span style=\"color: red; font-family: Consolas;\"><span style=\"color: red; font-family: Consolas;\">just<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">=&#8221;one&#8221;&gt;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">sample<\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&lt;\/<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">is<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&gt;<br \/><\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&lt;\/<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">this<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&gt;<br \/><\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&lt;\/<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">panahyAjax<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">:<\/span><\/span><\/span><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\"><span style=\"color: maroon; font-family: Consolas;\">XmlLabel<\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&gt;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><\/span><br \/><span style=\"font-family: Verdana;\"><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">Or<\/span><\/span><\/span><\/div>\n<div dir=\"ltr\"><span style=\"font-family: Verdana;\"><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><\/span><br \/><span style=\"font-family: Verdana;\"><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"><\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">XmlLabel<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> label = <\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">new<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">XmlLabel<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">();<br \/><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">var<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> file = <\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">File<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">.OpenText(<\/span><\/span><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\">&#8220;Sample.xml&#8221;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">);<br \/>label.Text = file.ReadToEnd();<\/span><\/span><\/span><\/div>\n<div dir=\"ltr\"><span style=\"color: black; font-family: Verdana;\">And the code is as folllows:<\/span><\/div>\n<div dir=\"ltr\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"> <\/span><\/span><\/span><br \/><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">public<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">class<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">XmlLabel<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> : <\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">Label<br \/><\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">{<br \/><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&nbsp;public<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">static<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">string<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> ConvertXmlTextToHtmlText(<\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">string<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> inputText)<br \/>&nbsp;{<br \/><\/span><\/span><span style=\"color: green; font-family: Consolas;\"><span style=\"color: green; font-family: Consolas;\"><span style=\"color: green; font-family: Consolas;\">&nbsp;&nbsp;\/\/ Replace all start and end tags.<br \/><\/span><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&nbsp;&nbsp;string<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> startPattern = <\/span><\/span><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\">@&#8221;&lt;([^&gt;]+)&gt;&#8221;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">;<br \/><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&nbsp;&nbsp;var<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> regEx = <\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">new<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">Regex<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">(startPattern);<br \/><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&nbsp;&nbsp;string<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> outputText = regEx.Replace(inputText, <\/span><\/span><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\">&#8220;&amp;lt;&lt;b&gt;$1&amp;gt;&lt;\/b&gt;&#8221;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">);<br \/>&nbsp;&nbsp;outputText = outputText.Replace(<\/span><\/span><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\">&#8221; &#8220;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">, <\/span><\/span><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\">&#8220;&amp;nbsp;&#8221;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">);<br \/>&nbsp;&nbsp;outputText = outputText.Replace(<\/span><\/span><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\">&#8220;rn&#8221;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">, <\/span><\/span><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\"><span style=\"color: #a31515; font-family: Consolas;\">&#8220;&lt;br \/&gt;&#8221;<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">);<br \/><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&nbsp;&nbsp;return<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> outputText;<br \/>&nbsp;}<\/span><\/span><br \/><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&nbsp;protected<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">override<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> <\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">void<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> RenderContents(<\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">HtmlTextWriter<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> output)<br \/>&nbsp;{<br \/><\/span><\/span><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\"><span style=\"color: blue; font-family: Consolas;\">&nbsp; string<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\"> xmlText = <\/span><\/span><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\"><span style=\"color: #2b91af; font-family: Consolas;\">XmlLabel<\/span><\/span><\/span><span style=\"font-family: Consolas;\"><span style=\"font-family: Consolas;\">.ConvertXmlTextToHtmlText(Text);<br \/>&nbsp; output.Write(xmlText);<br \/>&nbsp;}<br \/>}<\/span><\/span><span style=\"-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border-collapse: separate; color: black; font: normal normal normal medium\/normal 'Times New Roman'; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;\"><span style=\"border-collapse: collapse; font-family: arial, sans-serif; font-size: 13px;\"><span lang=\"NL\" style=\"color: #1f497d;\"><\/span><\/span><\/span><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>I have been using Xml streams for quite some time. When I use them in an ASP.Net page, using SOAP or Ajax calls, I sometimes want to see what I send and what I recieve from the server. Showing them on the page was always a bit of tweak. This ample code demonstrates a very &hellip; <a href=\"http:\/\/panahy.nl\/index.php\/2011\/11\/10\/convert-xmltext-to-htmltext\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Convert XmlText to HtmlText&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[28,29],"tags":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"Pouya Panahy","author_link":"http:\/\/panahy.nl\/index.php\/author\/pouya\/"},"uagb_comment_info":0,"uagb_excerpt":"I have been using Xml streams for quite some time. When I use them in an ASP.Net page, using SOAP or Ajax calls, I sometimes want to see what I send and what I recieve from the server. Showing them on the page was always a bit of tweak. This ample code demonstrates a very&hellip;","_links":{"self":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts\/34"}],"collection":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"wp:attachment":[{"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/panahy.nl\/index.php\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}