I need a relatively basic javascript WYSIWYG editor capable of creating HTML pages and opening pages created by the editor, but not required to open and parse generic HTML code created by other editors.

I attached an image, which is a quick mockup showing how the editor should function.

While most WYSIWYG editors generate HTML tables, this editor should put individual items into DIV tags, so they can be independently resized and moved around the page. An item can be either be a text box or image. All of the items should be listed in the bottom-right corner of the editor, and clicking an item should highlight it in the list and put a move/resize box around the item on the page. The user should then be able to drag the box to move the item, or use resize handles to resize it. The user should also be able to delete an item by selecting it, then pressing the DELETE key. In the mockup image, the green box in the bottom-right of the page is an item that the user has clicked.

The user should be able to layer the items, by dragging the item's name up or down in the list. This will adjust the corresponding DIV tag's "z-index" property. In the mockup, "image1" is the blue box, and "image2" is the gray box. The user has dragged "image2" up in the list, so that the gray box is showing on top of the blue box.

In the top-right of the page, there should be some options that vary depending on what type of item is currently selected. If an image has been selected, as shown in the mockup, it should display a slider that can adjust the transparency of that image. This will adjust the DIV tag's "opacity" property.

If a textbox has been selected, the top-right options should display dropdown boxes to select the Font, Font Size, and Color. There should also be buttons to align the text to the left, right, or center within the textbox. And also buttons to bold, italicize, and underline the text within that box. The user should also be able to click inside the text box to edit the text. The text should wrap automatically depending on the size of the textbox.

The user should be able to add a new item by clicking either "Add Textbox" or "Add Image". Clicking "Add Textbox" will create a new textbox with the sample text "Your Text Here". Clicking "Add Image" should open a box where the user can upload a new image in JPG, GIF, or PNG format. This should include a HTML form where a member can click "Browse" to select a file on their computer. The form should then upload the file to the server, and display the image within the WYSIWYG editor.

For the image uploads, I can write the server-side PHP code that gets the file via POST or AJAX, and copies it to the server's directory. What the editor needs to do is get the filename, so it can seamlessly put the uploaded images into the page once the upload completes. I believe this can all be done by AJAX, but I'll let the programmer choose the best method.

Finally, below the editor, there should be a textarea that displays the resulting HTML code. The code should update in real-time when items are added, changed, or deleted from the editor.

The editor should work in IE9, Firefox, and Chrome. For this project, I will need to have exclusive ownership and copyright of the code.

Thank you, and please let me know if you have any questions.

Kemahiran: AJAX, HTML, Javascript, PHP, Kejuruteraan Perisian

Lihat lagi: wysiwyg html editor, basic html editor, best wysiwyg html php ajax, html editor wysiwyg javascript image upload, what computer should a programmer use, top editors, php code editor, i need a type editor, i need a computer programmer to write a code for me, i need a basic programmer, include font to html, html text editor, html form editor, how to write an index page, how to get a computer programmer, how do you get firefox on your computer, gif programmer, form editor html, do i need an editor, computer programmer required, c# html editor, best php editor, basic html javascript editor, best image editor, write html pages

Tentang Majikan:
( 11 ulasan ) Spotsylvania, United States

ID Projek: #4106337

Dianugerahkan kepada:


Thanks for inviting us to bid on this project. We have a team of highly qualified and creative professionals. Give us a chance to show our talents and we assure you quality.

$700 USD dalam 15 hari
(79 Ulasan)

5 pekerja bebas membida secara purata $661 untuk pekerjaan ini


(Please Check Our Reviews)Customer Satisfaction is Our [login to view URL] have an excellent and dedicated Team of software/web developers, designers, seo experts etc. We are expertise in web/software development for more than 4 Lagi

$555 USD dalam 33 hari
(57 Ulasan)

=====Expertness and honesty our goal . we are small team working good quality and accuracy. Ready to start your [login to view URL] check [login to view URL] you===========

$750 USD dalam 10 hari
(246 Ulasan)

HI, i am well in jquery and html.

$700 USD dalam 10 hari
(167 Ulasan)

Let's Start... Accept our BID. Check PMB. Thanks

$600 USD dalam 20 hari
(44 Ulasan)