view src/bbcode/test.html @ 46:289718f121e4

use bbcode editor
author Franklin Schmidt <fschmidt@gmail.com>
date Mon, 14 Nov 2022 18:43:38 -0700
parents 96f0c3d65698
children f225e82b2bf8
line wrap: on
line source

<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
			@import "bbcode.css";

			[message] {
				white-space: pre-wrap;
				line-height: 1.4;
			}
		</style>
		<script src="bbcode.js"></script>
		<script>
			// from /site.js
			function ajax(url,postData) {
				let request = new XMLHttpRequest();
				let method = postData ? 'POST' : 'GET';
				request.open( method, url );
				if( postData )
					request.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
				request.onload = function() {
					if( request.status !== 200 ) {
						window.console && console.log( 'ajax failed: ' + request.status );
						if( request.responseText )
							document.write('<pre>'+request.responseText+'</pre>');
						return;
					}
					eval( request.responseText );
				};
				request.send(postData);
			}

			function save(event) {
				let text = document.querySelector('textarea').value;
				ajax( 'test.js?text=' + encodeURIComponent(text) );
			}

			function init() {
				bbcodeCreate('p[edit]',{
					save: save
				});
			}
		</script>
	</head>
	<body onload='init()'>
		<p>top</p>
		<p edit></p>
		<p>result:</p>
		<p result><div message></div></p>
		<p>bottom</p>
	</body>
</html>