[lp_string_trimHTML]

Description

Returns HTML with unneeded whitespace removed.  Preserves whitespace within angled-brackets, html comments, textarea, pre and script.

Sample Usage

var:'test' = '








Some text

Hello!
	


	Test1

		Test3

<br>


.</pre>
		
		<h4>Source Code</h4>
		<p>Click the "Download" button below to retrieve a copy of this tag, including the complete documentation and sample usage shown on this page. Place the downloaded ".inc" file in your LassoStartup folder, restart Lasso, and you can begin using this tag immediately.</p>
		<p><button onClick="document.location.href='/LEAP/MODULES/tagswap/download.lasso?tag=lp_string_trimHTML'">Download</button></p>
		<div class="codebox">
			<pre class="brush: lasso">[

define_tag:'lp_string_trimHTML',
	-description='Returns HTML with unneeded whitespace removed.  Preserves whitespace within angled-brackets, html comments, textarea, pre and script.',
	-priority='replace',
	-encodenone,
	-required='html';
		
	local:'chunks' = (string:#html)->(split:'<');
	
	// easy method? no angled brackets to deal with?
	if: #chunks->size == 1;
		return: (string_replaceregexp: #chunks->(get:1), -find='[^\\S]+', -replace=' ');
	/if;

	// start building #return
	local:'return' = (string_replaceregexp: #chunks->(get:1), -find='[^\\S]+', -replace=' ');
	#chunks->(remove: 1);

	// process the rest of it
	local:'find' = string;
	iterate: #chunks, local:'chunk';
		#return += '<';
		if: #find->size;
			if: #chunk->(contains: #find);
				#return += #chunk->(substring: 1, #chunk->(find:#find) + #find->size - 1);
				#return += (string_replaceregexp: (#chunk->(substring: #chunk->(find:#find) + #find->size)), -find='[^\\S]+', -replace=' ');
				#find = string;		
			else; // not what we're looking for, just return it raw
				#return += #chunk;
			/if;
		else; // not in the middle of a html container
			if: #chunk->(substring: 1, 8) == 'textarea';
				#return += #chunk;
				#find = '/textarea>';
			else: #chunk->(substring: 1, 3) == 'pre';
				#return += #chunk;
				#find = '/pre>';	
			else: #chunk->(substring: 1, 6) == 'script';
				#return += #chunk;
				#find = '/script>';
			else: #chunk->(substring: 1, 3) == '!--';
				if: #chunk->(contains:'-->'); // simple html comment
					#return += #chunk->(substring: 1, #chunk->(find:'-->') + 2);
					#return += (string_replaceregexp: (#chunk->(substring: #chunk->(find:'-->') + 3)), -find='[^\\S]+', -replace=' ');				
				else; // comment with angled-bracket within it
					#return += #chunk;
					#find = '-->';	
				/if;
			else; // some html tag, find closing bracket
				#return += #chunk->(substring: 1, #chunk->(find:'>'));
				#return += (string_replaceregexp: (#chunk->(substring: #chunk->(find:'>') + 1)), -find='[^\\S]+', -replace=' ');
			/if;
		/if;
	/iterate;
	
	return: #return;
		
/define_tag;

]</pre>
		</div>

		
		
		<h4>Related Tags</h4>
		<ul class="tag_swap_tags clearfix">
			
				<li><a href="/tagswap/detail/lp_page_trim/">lp_page_trim</a></td>
			
		</ul>
		


		<h4>Comments</h4>
		
		<p>No comments</p>
		
		
		
			<h5>Please <a href="/login?pl=/tagswap/detail/lp_string_trimHTML">log in</a> to comment</h5>
		
	</div>
</div>

	</div>
</div>

	</div>
	
	<div id="sidebar" class="grid_4 omega">
		
<div id="full_account_details" class="grid_12 aplha omega rounded boxshadow ff">	
	<div class="tab-nav-wrapper right">
		<ul class="tab-nav">
			<li class="rounded-top"><a href="/login?pl=/tagswap/detail/lp_string_trimHTML">Login / Register</a></li>
		</ul>
	</div>

	<div class="tab-nav-wrapper left">
		<ul class="tab-nav">
			<li class="rounded-top"><a href="/tagswap/">List</a></li>
			<li class="rounded-top"><a href="/tagswap/add_a_tag/">Add a Tag</a></li>
			<li class="rounded-top"><a href="/about_tagswap/">About TagSwap</a></li>
		</ul>
	</div>
	
<script type="text/javascript">
	$(document).ready(function(){
		//<!--
		SyntaxHighlighter.defaults['auto-links'] = false;
		SyntaxHighlighter.defaults['gutter'] = false;
		SyntaxHighlighter.all();
		// -->
    });
</script>
<style>
.tagswapinfo td {
	font-size: 11px;
	padding-right: 5px;
	border-bottom: 1px solid #cccccc
 }
code.lasso {
	display: inline !important;
}
.codebox {
    /* background-color: #eee; */
    border: 1px solid #ccc;
    width: 100%;
    height: 270px;
    overflow: auto;
    font-family: monospace, monaco, courier;
    font-size: 11px;
}
.param_table { width: 100% }
.param_table td {
    font-size: 12px;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc
}
.param_name {
    font-family: monospace, monaco, courier;
	padding-right: 10px;
	color: blue;
	white-space:nowrap;
}
.param_type {
	padding-right: 10px;
	font-style: italic;
	white-space:nowrap;
}
.tagswapcomment {
	margin-bottom: 10px;
}
</style>
<div class="content_inner tag_swap">
	<div class="inset">
		<h1>[lp_string_trimHTML]</h1>
		<div class="grid_3 omega right boxshadow rounded inset ff">
			<table class="tagswapinfo">
				<tr><td>Link</td><td><a href="/tagswap/detail/lp_string_trimHTML/">lp_string_trimHTML</a></td></tr>
				<tr><td>Author</td><td><a href="/tagswap/author/28735E6AA4E73EB53DB5C1CC2F/">Bil Corry</a></td></tr>
				<tr><td>Category</td><td><a href="/tagswap/category/String/">String</a></td></tr>
				<tr><td>Version</td><td><a href="/tagswap/version/8_x/">8.x</a></td></tr>
				<tr><td>License</td><td>Public Domain</td></tr>
				<tr><td>Posted</td><td>24 Jan 2006</td></tr>
				<tr><td>Updated</td><td>30 Oct 2006</td></tr>
				<tr><td colspan="2"><a href="/tagswap/author/28735E6AA4E73EB53DB5C1CC2F/">More by this author...</a></td></tr>	
			</table>
			
		</div>
		<h4>Description</h4>
		<p>Returns HTML with unneeded whitespace removed.  Preserves whitespace within angled-brackets, html comments, textarea, pre and script.</p>
		


		<h4>Sample Usage</h4>
		<pre class="brush: lasso">var:'test' = '




<br>
<br>
Some text<br>
<b>Hello!</b>
	<br>

<textarea name="test2" cols="40" rows="10">
	Test1

		Test3

<br>


.</pre>
		
		<h4>Source Code</h4>
		<p>Click the "Download" button below to retrieve a copy of this tag, including the complete documentation and sample usage shown on this page. Place the downloaded ".inc" file in your LassoStartup folder, restart Lasso, and you can begin using this tag immediately.</p>
		<p><button onClick="document.location.href='/LEAP/MODULES/tagswap/download.lasso?tag=lp_string_trimHTML'">Download</button></p>
		<div class="codebox">
			<pre class="brush: lasso">[

define_tag:'lp_string_trimHTML',
	-description='Returns HTML with unneeded whitespace removed.  Preserves whitespace within angled-brackets, html comments, textarea, pre and script.',
	-priority='replace',
	-encodenone,
	-required='html';
		
	local:'chunks' = (string:#html)->(split:'<');
	
	// easy method? no angled brackets to deal with?
	if: #chunks->size == 1;
		return: (string_replaceregexp: #chunks->(get:1), -find='[^\\S]+', -replace=' ');
	/if;

	// start building #return
	local:'return' = (string_replaceregexp: #chunks->(get:1), -find='[^\\S]+', -replace=' ');
	#chunks->(remove: 1);

	// process the rest of it
	local:'find' = string;
	iterate: #chunks, local:'chunk';
		#return += '<';
		if: #find->size;
			if: #chunk->(contains: #find);
				#return += #chunk->(substring: 1, #chunk->(find:#find) + #find->size - 1);
				#return += (string_replaceregexp: (#chunk->(substring: #chunk->(find:#find) + #find->size)), -find='[^\\S]+', -replace=' ');
				#find = string;		
			else; // not what we're looking for, just return it raw
				#return += #chunk;
			/if;
		else; // not in the middle of a html container
			if: #chunk->(substring: 1, 8) == 'textarea';
				#return += #chunk;
				#find = '/textarea>';
			else: #chunk->(substring: 1, 3) == 'pre';
				#return += #chunk;
				#find = '/pre>';	
			else: #chunk->(substring: 1, 6) == 'script';
				#return += #chunk;
				#find = '/script>';
			else: #chunk->(substring: 1, 3) == '!--';
				if: #chunk->(contains:'-->'); // simple html comment
					#return += #chunk->(substring: 1, #chunk->(find:'-->') + 2);
					#return += (string_replaceregexp: (#chunk->(substring: #chunk->(find:'-->') + 3)), -find='[^\\S]+', -replace=' ');				
				else; // comment with angled-bracket within it
					#return += #chunk;
					#find = '-->';	
				/if;
			else; // some html tag, find closing bracket
				#return += #chunk->(substring: 1, #chunk->(find:'>'));
				#return += (string_replaceregexp: (#chunk->(substring: #chunk->(find:'>') + 1)), -find='[^\\S]+', -replace=' ');
			/if;
		/if;
	/iterate;
	
	return: #return;
		
/define_tag;

]</pre>
		</div>

		
		
		<h4>Related Tags</h4>
		<ul class="tag_swap_tags clearfix">
			
				<li><a href="/tagswap/detail/lp_page_trim/">lp_page_trim</a></td>
			
		</ul>
		


		<h4>Comments</h4>
		
		<p>No comments</p>
		
		
		
			<h5>Please <a href="/login?pl=/tagswap/detail/lp_string_trimHTML">log in</a> to comment</h5>
		
	</div>
</div>

	</div>
</div>
<p><a href="/lassosoft.com/about-lassotalk" target="_blank"><img alt="Subscribe to the LassoTalk mail list" src="/usercontent/ads//lassochat-subscribe.png" style="width: 228px; height: 108px;" /></a></p>

	</div>
	
	<div class="clearfix"></div>
	
<div class="container_16 cfx">
						<div id="share_widget_holder" class="grid_11 alpha mb pb">
							<div id="google_plus_one" class="left mr" style="width:60px;">
									<!-- Place this tag where you want the +1 button to render -->
									<g:plusone size="medium"></g:plusone>
									
									<!-- Place this tag after the last plusone tag -->
									<script type="text/javascript">
									<!--
									  (function() {
									    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
									    po.src = 'https://apis.google.com/js/plusone.js';
									    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
									  })();
									  -->
									</script>
								</div>							
							<div id="linkedin_share" class="left mr">
								<script src="https://platform.linkedin.com/in.js" type="text/javascript"></script>
								<script type="IN/Share" data-counter="right"></script>
							</div>
							<div id="tweet_page" class="left">
								<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
								<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
							</div>
							<div id="facebook_like" class="left mr">
								<div id="fb-root"></div><script src="https://connect.facebook.net/en_US/all.js#appId=379340432993&xfbml=1"></script>
								<fb:like href="" send="false" layout="button_count" width="150" show_faces="false" font=""></fb:like>
							</div>
						</div>
						<div id="share_buttons_holder" class="grid_5 omega mb pb">
							<button class="rounded default smedia_icon right tooltip" title="Connect with us on LinkedIn" 
							onclick="window.location='http://www.linkedin.com/groups/Lasso-2829';">
								<span class="smedia linkedin"></span></button>
							<button class="rounded default smedia_icon right tooltip" title="Follow us on Twitter" 
							onclick="window.location='https://twitter.com/#!/LassoSoft';">
								<span class="smedia twitter"></span></button>
							<button class="rounded default smedia_icon right tooltip" title="Connect with us on Facebook"
							onclick="window.location='http://www.facebook.com/pages/LassoSoft-Inc/117363711684049';" >
								<span class="smedia facebook right"></span></button>
							<button class="rounded default smedia_icon right tooltip" title="Dig this page!" 
							onclick="window.location='http://digg.com/submit?url=http://ldml.lassosoft.com/tagswap/detail/lp_string_trimHTML';">
								<span class="smedia dig right"></span></button>
							<button class="rounded default smedia_icon right tooltip" title="Mac Update User Discussion (Write a Review of Lasso Server)" 
							onclick="window.location='http://www.macupdate.com/app/mac/7277/lasso+server';">
								<span class="smedia macupdate right"></span></button>
						</div>
					</div>

	<div class="clearfix"></div>
	
</div>
	
<div class="clearfix"></div>
<div id="docfoot" class="left">
	<div id="wrapper3" class="container_16"><h1 class="logo grid_4 alpha"><a href="/" title="Return to the LassoSoft Home Page">LassoSoft Inc. > Home</a></h1>
	<div class="grid_12 omega"><p class="class"> </p>

<p class="class"> </p>

<p class="class">©LassoSoft Inc 2015 | Web Development by <a href="http://treefrog.ca">Treefrog Inc</a> | <a href="/privacy">Privacy</a> | <a href="/legal-terms-and-conditions">Legal terms and Shipping</a> | <a href="/contact-LassoSoft">Contact LassoSoft</a></p>
</div></div>
</div><script type="text/javascript" src="/skins/lassosoft/js/shCore.js"></script>
<script type="text/javascript" src="/skins/lassosoft/js/shBrushLasso.js"></script>
<link rel="stylesheet" type="text/css" href="/LEAP/MODULES/tagswap/shCoreLasso.css" media="all"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1127567-5']);
_gaq.push(['_trackPageview']);
(function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body></html>