wopi2/trunk/preview.js

// preview, html-like
function preview_html(name) {

        var html = document.getElementById(name).value;
        if (html === undefined) {
                alert('no source element '+name+' for preview');
        } else {
                html = html.replace(
                        /(\n|\r)/g,'<br />'
                ).replace(/(<br \/>){2,}/gi,'<'+'p></p>'
                ).replace(/\[\s+\]/g,'<input type="checkbox" disabled />'
                ).replace(/\[[\*+x]\]/g,'<input type="checkbox" checked disabled />'
                ).replace(/\(\s+\)/g,'<input type="radio" disabled />'
                ).replace(/\([\*+x]\)/g,'<input type="radio" checked disabled />'
                ).replace(/\b______________+(\d*)\b/g,'##text#80#$1#'
                ).replace(/\b_____________(\d*)\b/g,'##text#70#$1#'
                ).replace(/\b____________(\d*)\b/g,'##text#60#$1#'
                ).replace(/\b___________(\d*)\b/g,'##text#50#$1#'
                ).replace(/\b__________(\d*)\b/g,'##text#40#$1#'
                ).replace(/\b_________(\d*)\b/g,'##text#35#$1#'
                ).replace(/\b________(\d*)\b/g,'##text#30#$1#'
                ).replace(/\b_______(\d*)\b/g,'##text#25#$1#'
                ).replace(/\b______(\d*)\b/g,'##text#20#$1#'
                ).replace(/\b_____(\d*)\b/g,'##text#15#$1#'
                ).replace(/\b____(\d*)\b/g,'##text#10#$1#'
                ).replace(/\b___(\d*)\b/g,'##text#5#$1#'
                ).replace(/\b__(\d*)\b/g,'##text#2#$1#'
                ).replace(/\b_(\d*)\b/g,'##text#1#$1#'
                ).replace(
                /##text#(\d+)##/g,'<input type="text" size="$1" readonly />'
                ).replace(
                /##text#(\d+)#(\d+)#/g,'<textarea cols="$1" rows="$2" readonly> </textarea>'
                );

                var el = document.getElementById(name+'_preview');
                if (el) {
                        el.innerHTML = '<p>'+html+'</p>';
                } else {
                        alert('no div '+name+'_preview');
                }
        }
}

// preview, no formatting
function preview_text(name) {
        var text = document.getElementById(name).value;
        var div = document.getElementById(name+'_preview');
        if (div) {
                div.innerHTML = text;
        } else {
                alert('no '+name+'_preview div!');
        }
}
1	// preview, html-like
2	function preview_html(name) {
3
4	var html = document.getElementById(name).value;
5	if (html === undefined) {
6	alert('no source element '+name+' for preview');
7	} else {
8	html = html.replace(
9	/(\n\|\r)/g,'<br />'
10	).replace(/(<br \/>){2,}/gi,'<'+'p></p>'
11	).replace(/\[\s+\]/g,'<input type="checkbox" disabled />'
12	).replace(/\[[\*+x]\]/g,'<input type="checkbox" checked disabled />'
13	).replace(/\(\s+\)/g,'<input type="radio" disabled />'
14	).replace(/\([\*+x]\)/g,'<input type="radio" checked disabled />'
15	).replace(/\b______________+(\d*)\b/g,'##text#80#$1#'
16	).replace(/\b_____________(\d*)\b/g,'##text#70#$1#'
17	).replace(/\b____________(\d*)\b/g,'##text#60#$1#'
18	).replace(/\b___________(\d*)\b/g,'##text#50#$1#'
19	).replace(/\b__________(\d*)\b/g,'##text#40#$1#'
20	).replace(/\b_________(\d*)\b/g,'##text#35#$1#'
21	).replace(/\b________(\d*)\b/g,'##text#30#$1#'
22	).replace(/\b_______(\d*)\b/g,'##text#25#$1#'
23	).replace(/\b______(\d*)\b/g,'##text#20#$1#'
24	).replace(/\b_____(\d*)\b/g,'##text#15#$1#'
25	).replace(/\b____(\d*)\b/g,'##text#10#$1#'
26	).replace(/\b___(\d*)\b/g,'##text#5#$1#'
27	).replace(/\b__(\d*)\b/g,'##text#2#$1#'
28	).replace(/\b_(\d*)\b/g,'##text#1#$1#'
29	).replace(
30	/##text#(\d+)##/g,'<input type="text" size="$1" readonly />'
31	).replace(
32	/##text#(\d+)#(\d+)#/g,'<textarea cols="$1" rows="$2" readonly> </textarea>'
33	);
34
35	var el = document.getElementById(name+'_preview');
36	if (el) {
37	el.innerHTML = '<p>'+html+'</p>';
38	} else {
39	alert('no div '+name+'_preview');
40	}
41	}
42	}
43
44	// preview, no formatting
45	function preview_text(name) {
46	var text = document.getElementById(name).value;
47	var div = document.getElementById(name+'_preview');
48	if (div) {
49	div.innerHTML = text;
50	} else {
51	alert('no '+name+'_preview div!');
52	}
53	}