В работе

Strong JS developer required for Froala bug fixing

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.

Квалификация: Javascript, AJAX

Показать больше froala github, froala pricing, how to use froala editor in html, froala options, froala editor product, froala editor professional, meteor froala, froala code view, sql server 2005 developer required skills, website developer required, bug fixing freelancer, bug fixing websites, bux script bug fixing, linux php bug fixing, web developer required , web page developer required, test bug fixing websites, testing bug fixing websites, autocad developer required freelancer, bug fixing aspnet

О работодателе:
( 1 отзыв ) Bologna, United Kingdom

ID проекта: #20939669



Hi, I have gone your project description and I believe I can deliver the project ad per your description..

£55 GBP за 7 дней(-я)
(9 отзывов(-а))

5 фрилансеров(-а) в среднем готовы выполнить эту работу за £31


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 designin Больше

£50 GBP за 2 дней(-я)
(13 отзывов(-а))

( ͡ᵔ ͜ʖ ͡ᵔ )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 buildi Больше

£20 GBP за 7 дней(-я)
(14 отзывов(-а))

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, Больше

£15 GBP за 1 день
(8 отзывов(-а))

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 pro Больше

£15 GBP за 7 дней(-я)
(0 отзывов(-а))