form.js

用ExtJS做的一个网页聊天工具

Ext.onReady(function() {
	Ext.QuickTips.init();
	var regHex = /[0-9A-F]/i;
	var htmlEditor = new Ext.form.HtmlEditor({
		listeners : {
			beforesync : function(editor, html) {
				var out = [], inTag = false;
				for (var i = 0, len = html.length; i < len; ++i) {
					var token = html.charAt(i);
					if (inTag && token == '%' && i + 2 < len
							&& regHex.test(html.charAt(i + 1))
							&& regHex.test(html.charAt(i + 2))) {
						out.push(unescape('%' + html.charAt(i + 1)
								+ html.charAt(i + 2)));
						i += 2;
						continue;
					} else if (token == '<') {
						inTag = true;
					} else if (token == '>') {
						inTag = false;
					}
					out.push(token);
				}
				editor.el.dom.value = out.join('');
				return false;
			}
		}
	});

	new Ext.Panel({
		title : 'HTML editor',
		height : 400,
		layout : 'fit',
		renderTo : Ext.getBody(),
		items : [htmlEditor],
		bbar : [{
			text : 'get value',
			handler : function() {
				alert(htmlEditor.getValue());
			}
		}]
	});

});