Closed

Drag and Drop Editor - Timeline 10 days -URGENT

We are after a HTML5 Drag and Drop editor using JavaScript and JQuery. The editor will be used for 'Email Campaigns'. The CSS framework used should be Bootstrap, latest version.

The editor must be able to handle different 'starting' layouts, i.e. a blank canvas or as 'theme' such as a two column layout with a banner across the top. If a 'theme' is selected to being with, each of the theme components or 'blocks' must be editable as if they were dragged on to the blank canvas by the user. The editor must be extendible re the 'blocks' that can be 'dragged and dropped' onto the editor.

At a minimum the editor must have the following 'block types':

- Title (headers)

- Text - Buttons/Links

- Divider (horizontal rules or simply empty an empty blocks to space out elements)

- Images

- Images with text wrapping

- Social links (Facebook, Twitter, LinkedIn, etc)

- Social 'follow' links

- Video blocks (Youtube section embedded in content)

- Footer Each 'type' should be expendable so that multiple different 'versions' of a type exist. I.e. A 'footer' element could come in two or three different varieties or styles.

Additionally it must be possible to duplicate each block, which simply inserts a carbon copy directly blow. Each block should be movable up and down the page and also removable. With the 'images' they should be linkable to either a url or you should be able to drag an image from your e.g. desktop or a folder directly into the editor.

Everything in the editor must be editable including

- All text and images (and other blocks where applicable) (including its size, font type, line height, colour, bold, italtics, alignment, links, number of columns for text, width of columns, etc)

- Background (either as a colour or image)

- Padding and margins (top and bottom specifically) for each item.

- Borders (including size, colour, etc)

- Image sizes, including the ability to crop and rotate. - The image alt text.

- The editor must have the ability to 'remove all styles' from a given set of text - The location of 'text' surround an 'image'. I.e. ability to wrap text around the image with the image left aligned or right aligned, the ability to place the text below the image etc.

- The 'width' of the item, i.e. so that two block can be placed next to each other.

- Ability to turn off or on the social networks name in the block.

- Ability to determine the social icon sizes or icon styles.

Further the editor must have the ability to specifically change e.g. font size and line height etc for 'mobile devices'. The editor must have a 'preview function' so that the content can be previewed on a desktop browser and also in a simulate mobile and tablet device. I.e. a smaller screen. The editor should also have a function to 'validate all links'. This should check their format and list all links down the side for the user to click on them and open them in a new tab to 'test them'.

Write "editor" so I know you read the complete description.

Example links from the www. [url removed, login to view] [url removed, login to view] [url removed, login to view]

Skills: CSS, HTML5, Javascript, jQuery / Prototype

See more: youtube jquery mobile, youtube banner editor, video blocks, php, css, javascript, html5, jquery / prototype, test and turn up, rules icon, padding background, newsletter banner size, new font for icon design, latest version of jquery, jquery latest version, icon design styles, icon design for youtube, html5 on line, horizontal line example, email campaign icon

About the Employer:
( 0 reviews ) Israel

Project ID: #9228827

7 freelancers are bidding on average $326 for this job

Rahulkeshwani19

Hello dear, Many Greetings for the day!! I hope you are doing well and this season is going great for you and your business as [login to view URL] have 5 years experience WORDPRESS,OPENCART,C#,PHP,JOOMLA,DESIGNING etc Te More

$484 AUD in 9 days
(24 Reviews)
5.6
techwelfare

Dear Sir we are capable of performing the required task perfectly with accuracy, please let us know if you want to clarify in details.. if you want us to share our skill and previous work please initiate the chat b More

$278 AUD in 13 days
(42 Reviews)
5.7
DigitalBPO

Hi Myra here, I hope you will consider our team for your project. We will assure you a quality end product at a competitive price. I know you will be swamped with bids so thank you for the time. Hoping to hear from you More

$400 AUD in 10 days
(6 Reviews)
4.6
imran009cse

Good Day, Thank you so much for giving me an opportunity to apply this wonderful job opportunity. I read your whole job requirements very carefully and understand what you actually wanted for your project. In your More

$163 AUD in 3 days
(2 Reviews)
2.8
pashaliskimiro

i have one and is half done, it is only drag and drop, for video m text picture, message me i wll send you link to check, happy new year

$333 AUD in 30 days
(2 Reviews)
0.6
web53

Hi Sir, I already have my own builder but this is a wordpress plugin: [login to view URL] I can modify this so that it will do the functions that you required for this project. I believe that I have More

$600 AUD in 10 days
(1 Review)
0.6
skywebindore

Hi, I have read the details and understand your requirement. Let's Discuss and get it done. You will get 100% Responsive website which will work on all major devices like Laptop,Desktop,Mobile,Tabs etc.. Please More

$147 AUD in 12 days
(2 Reviews)
2.0
hardikchapla

Dear Hiring Manager, Thank you for this wonderful opportunity. Today Your job posting has caught my attention because I’m a looking for a job and I’m keenly considering your job post including these skills. I have More

$277 AUD in 3 days
(0 Reviews)
0.0