Project Detail

Description

I need a special javascript html wysiwyg editor for the following purpose.

I need an editor for marking up data for an online label printer tool. For example there is a database with name, address, zipcode, city. With the editor you can design your own label.

Specs:
- Use a TinyMCE and/or FCKeditor as a basis and develop a plugin for that.
- Most important: Fixed width and height (so there are no scrollbars and users can not edit outside the given width or height). A typical label for instance is 300 pix wide and 150 pix in height.
- auto resize of inserted images so they fit with the area size.
- I need a dropdown to insert place holders for the database fields (in the example name, address, zipcode, city). If I select name in the drowpdown then {name} will be inserted in the html. This
needs to be flexible so I can set via javascript parameters the contents of the drowdown.
- I need a live preview textarea field (of the same size) that shows the html but then filled with an example of the database, So if the editor has {name} then in the live preview it shows 1 instance of the corresponding database field (in my Case: 'Schoonhoven', the example value of the {name} field must be given as a javascript parameter as well
- Dropdown of fonts to choose from needs to be configurable.

javascript parameter for example
var fields=new Array();
fields[0]='name';
fields[1]='address';
fields[2]='zipcode';
fields[3]='city';
var values=new Array();
values[0]='Schoonhoven';
values[1']='Merenborch 94';
values[2]='4132HC';
values[3]='Amsterdam'];

If anything is not clear, do not hesitate to ask me for clarification.

Payment will be done after demonstrating it without any bugs.