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.

Kemahiran: Angular.js, CSS3, HTML5, Javascript

Lihat lagi: 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

Tentang Majikan:
( 1 ulasan ) MUMBAI, India

ID Projek: #17435247

Dianugerahkan kepada:


Hello, thank you for your project offer. I think I am suitable for your project. I have rich experience in web, especially JSON and javascript. Moreover, I can start your work right away. Please drop a message so that Lagi

₹7777 INR dalam 3 hari
(12 Ulasan)

8 pekerja bebas membida secara purata ₹10276 untuk pekerjaan ini


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, Lagi

₹7222 INR dalam 4 hari
(3 Ulasan)
₹7777 INR dalam 3 hari
(14 Ulasan)

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 Lagi

₹27777 INR dalam 10 hari
(12 Ulasan)

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 Lagi

₹12222 INR dalam 3 hari
(3 Ulasan)

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 Lagi

₹7777 INR dalam 3 hari
(8 Ulasan)

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 Lagi

₹3888 INR dalam 3 hari
(0 Ulasan)

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 ). Lagi

₹7766 INR dalam 4 hari
(0 Ulasan)