Find Jobs
Hire Freelancers

Strong JS developer required for Froala bug fixing

£10-20 GBP

In Progress
Posted over 4 years ago

£10-20 GBP

Paid on delivery
I require some minor updates to this codepen: [login to view URL] It uses a custom implementation of Froala ([login to view URL]). You can find the API docs (options, methods, events) here: [login to view URL] It is based on the drag and drop example here: [login to view URL], but uses a pallet on the left to drop onto the Froala editor on the right. I need you to: 1. Correct the code so that items dropped from the left panel onto the right respect the "dragInline: false" option. At the moment these items will split exiting blocks (<p> tags etc) in the editor, which they should not. See: [login to view URL] 2. Build a simple plugin to handle these dropped elements using the Froala Plugin framework ([login to view URL]). The plugin should create popup function on the "drop-box" class wrapper inserted so that: - A placeholder is shown and fills the initial space in the editor whilst it is hovering but before the element is dropped. - The dropped element can be resized on mouseover via dragging left/right handles on the X-axis - The dropped element can be dragged between blocks (as per item 1) using an icon/handle within the div - A click on the element creates a popup (the same style as the image popup menu), and the div can be set: - inline or break text (as with images plugin) - Align right/center/left (as with images plugin) - A "values" button for secondary popup to edit: - input label - input ID - input help text - input placeholder - or deleted - When items are dropped into existing tables in the editor, the popup for the dropped item and not the table appears 3. Create a function so that the editor toolbar $(".fr-toolbar") has the option to be rendered in place of <div id="froala-toolbar"></div> and not part of the <div id="froala-editor"></div> element. This is so we can show it in another part of the screen if necessary. 4. Create a setting to turn the editor readonly (but keep the dropped form inputs editable). You should be able to look at [login to view URL] 5. We want to save both the data in the editor as <textarea> but also serialise values in the dropped in form inputs that other users will enter. Our approach is to save these as a single JSONb array next to the textarea. You don't need to do the backend, but you need to create the script that builds the array for the JSONb by looping through all the form inputs and saving the values.
Project ID: 20939669

About the project

5 proposals
Remote project
Active 5 yrs ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
Hi, I have gone your project description and I believe I can deliver the project ad per your description..
£55 GBP in 7 days
4.3 (9 reviews)
4.9
4.9
5 freelancers are bidding on average £31 GBP for this job
User Avatar
I have reviewed your job description as well & very confident to handle this project perfectly. I'm confident you will be happy with my job.I always have a clear focus on delivering results. I am expert in Web designing/developing. With years of experience in the field so We guarantee Quality & satisfaction in projects we deliver.
£50 GBP in 2 days
5.0 (13 reviews)
4.7
4.7
User Avatar
( ͡ᵔ ͜ʖ ͡ᵔ )Dear sir, I have good experience of developing task similar to what you are going to make, that's why I think I am the right developer who can finish your project completely. I am also confident with building backend. I am ready to work my full time for you, can start working with you immediately. Looking forward to interview with you to discuss further details. Sincerely,
£20 GBP in 7 days
4.7 (14 reviews)
4.8
4.8
User Avatar
Hi, dear I have read your requirements carefully and I can help you with your project. I am a licensed full stack programming developer and designer. I have many experiences in CI, laravel, wordpress, magento, drupal, python as backend. And I have several experiences in bootstrap angular.js, react.js, node.js, Vue.js, material as frontend. please feel free to check my clients reviews, my profile I can complete your projaect perfectly. If you hire me,I will do my best for your project. Please come over chat for detailed discussion to start working on it. I can show you my project similar to your job description over chat. Looking forward to working with you. Thank you.
£15 GBP in 1 day
4.3 (8 reviews)
3.9
3.9
User Avatar
Hello,Dear! I'm the full stack developer. I have rich experience in developing website. I have read your description carefully and I understood all about your project. so there is no problem for me to complete your project with my inimitable skill. I can work your job perfectly until you are fully satisfied. Overall due to my strong background, achievements, inimitable skills in successfully building a website I am confident i will be able to succeed in this role you are hiring for . My availability is 24/7, 18 hours a day. Please send me a message so that we can discuss more. Hope to work with you as soon as possible. Best regards
£15 GBP in 7 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED KINGDOM
Bologna, United Kingdom
5.0
1
Payment method verified
Member since Jul 26, 2019

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.