In Progress

Create a drag-dropable JSON elements from a tree into a CodeMirror textarea

There are two sections in the following image, one is “App data” (RHS) from where user will drag the element (example: Row ID, Row Number etc.) and another is “Columns” (LHS) where user will drop the element (example: Employee Id textbox). Whenever user drag/drop an element, it should be visible while moving cursor and dropping it. User should be able to drop multiple elements in a single textbox(Code Mirror).

Once the element is dropped into the textarea(Code Mirror) the HTML component from the tree should be mapped EXACTLY into the textarea and should contain the key of the JSON when trying to convert the textarea(Code Mirror) into value.

To sum up: JSON tree which will contain JSON elements, draG drop into Code Mirror instances(multiple), on get value button click, should return JSON key of dropped element of each Code Mirror instance element.

Skills: Angular.js, CSS3, HTML5, Javascript

See more: codemirror mode example, codemirror syntax highlighting, codemirror github, codemirror modes, codemirror autocomplete, codemirror showhint, codemirror examples, codemirror themes, php ajax drag mysql tree, create chrismas tree flash, vbnet tree diagram create, create textarea jsp, facebook drag drop lock elements page, drupal drag drop users elements, list drag dropable javascript, drag drop web bookmark tree service, wysiwyg drag drop web elements, create slideshow adobe premiere elements, create select box json, create awesome logo photoshop elements

About the Employer:
( 1 review ) MUMBAI, India

Project ID: #17435247

7 freelancers are bidding on average ₹10633 for this job


Hi, I can start immediately I have gone through your project (Create a drag-dropable JSON elements from a tree into a Code Mirror textarea) requirements also checked all 3 attached images. I am Angular.js, PHP, HTML5, More

₹7222 INR in 4 days
(3 Reviews)

Hello Mate, I have 8 years of experience and reviewed your requirement and I can do this job as per your requirement. I have huge expertise in WORDPRESS , Laravel, Node.Js , React.Js, CakePHP, Codeigniter, Angular.j More

₹27777 INR in 10 days
(12 Reviews)
₹7777 INR in 3 days
(16 Reviews)

Surely, I've given expertise. I'm Microsoft Certified Professional, Senior Software Engineer and Microsoft Certified Trainer with over five Years of Experience. Skills: ASP.NET Core (MVC 6), MVC 5, WCF, N-Tier More

₹12222 INR in 3 days
(5 Reviews)

I am expert in PHP, CI and Laravel.I have created ecommerce and job portal website in these [login to view URL] check previous work Laravel [login to view URL] CI [login to view URL] https://lennox More

₹7777 INR in 3 days
(11 Reviews)

Hello!! "Greetings from us"we have worked on similar to projects to what you are looking for and we are confident, we can exceed your expectation"!! -Till date,we are expertise in skills:......we have completed 120+ e More

₹3888 INR in 3 days
(0 Reviews)

Hi, I have 5+ year experience & I think my expertise and experience is very suitable for your job. If you need more help or additional explanation, please do not hesitate to contact me ($kype: miteshkachhadiya ). More

₹7766 INR in 4 days
(0 Reviews)