/alt-editor

a wysiwyg content editor base on html5 contenteditable & js range object

Primary LanguageJavaScript

alt-editor

A wysiwyg content editor base on html5 contenteditable & js range object. Make all inputs into HTML Element.

##Quick look

See the live demo alt-editor

##features

  • Change Input Style: alt key
  • Reset Input Style: esc key

##Usage Include rangy-core.js egofn.js And the alteditor.js in your code. For instance, u want to transfer element#zone into an alt-editor.

var editor = new alteditor(document.getElementById('zone'),{
    inline:	["strong","small","del"],		// tagName of elements avalible in editor
	spoor: "F",  							//placeholder when toggle tags
	save: function(){ console.log("save hasn't customed");return false; },
											//ctrl+s will trigger save function
	lineBreaker: function(){ return document.createElement('br'); }
											//node to insert when break line.
});

Broswer Support

Not test right now.