Find Jobs
Hire Freelancers

CSS class style and add this class on currently selected element(s). CKEditor plugin

$150-180 CAD

In corso
Pubblicato più di 5 anni fa

$150-180 CAD

Pagato al completamento
Hello //////////////////////////////// /////////////////////////////////////////// //////////////////////////////////////////////// ///////////////////////////////////// Not a robot please!! The plugin needs to use the styles combo box to apply only a class to each element. That class will define what the style is. Currently the styles combo applies inline css styles. I want to re-use the classes everywhere once defined and this plugin will load these and populates the css styles combo box in ckeditor. The plugin will be released for free to CKEditor people if they want to list it, so it must all be free for redistribution (no proprietary code please.). Im only interested to pay for it for a client, but do not want to maintain it over a long period of time. I'm looking for someone that understands the 4.5.X to 4.11 CKEditor APIs and that can create a simple plugin that : 1. Populates existing saved styles into the styles combo box (like Stylesheet parser plugin does) on editor load and on style save. (The styles will use the same format as the styles structure in CKEditor, but will be fetched via an ajax call). These styles however will only ever set the class property on elements, no inline styles as current CKEditor does. 2. Adds a button to the toolbar near Styles combo. 3. When clicking that button, presents a dialog with a number of options to user : - Class title (converted to valid class title by replacing spaces with - for example - Tag (h1, h2, h3, etc.) - Font size+units - Font color+alpha - Line height+units - Paddings+units. - Alignment (text-align:left/center/right/justify). 4. The dialog fields selected values must then be sent to server via POST/AJAX and saved on server (i will do the server save part+response, but you initiate the ajax call). The server call I will program will only save the new entry to the JS file you are loading from at the beginning. 5. When hitting the dialog save button, the dialog closes and refreshes the style combo box which then pre-select the new style with he correct tag for that style ready to use. 6. Probably already done in CKEditor: Styles from styles combo must apply the style on the correct tags (i.e. you cannot select a P style and apply it on an H1 style. this is why we are asking the tag in the dialog. CKEditor already does this if you populate the combo box correctly, then you dont have anything to do here. The style consists only of a class name the gets added to selected tag. 7. The styles you defined will be included in the HEAD section of the page by our CMS on page load and on style definition when you send the style to our server. This is done outside of CKEditor. Nothing for you to do on this point. 8. When opening the dialog, all fields will be pre-populated with the current styles combo selected style value (just extract classname) that you get from server when sending the class name of that style. 9. Plugin must work with 4.5.9 up to 4.11 version of CKEditor. Milestone: I will create first 50% milestone and when its 50% work done I will released it and then next 50% milestone I will create and when the job 100% completed I will released final 50% milestone. So 1st milestone : get the plugin with dialog with form fields loading form values correctly based on selected style in style combo. You get the style selected and find the class it has, send this to server to get form values to assign on dialog open. 2nd milestone : save values to server and add new style to the styles combo. Select that style so it applies to selection in CKEditor. and also select right tag in tag pulldown in CK Editor.
Rif. progetto: 18385513

Info sul progetto

5 proposte
Progetto a distanza
Attivo 5 anni fa

Hai voglia di guadagnare un po'?

I vantaggi delle offerte su Freelancer

Imposta il tuo budget e le scadenze
Fatti pagare per il lavoro svolto
Delinea la tua proposta
La registrazione e le offerte sui lavori sono gratuite
5 freelance hanno fatto un'offerta media di $175 CAD
Avatar dell'utente
Hi Sir! How do you do! I read your project description and got your need. I am very interested in your project. As I am an experienced wordpress and css developer, I am sure I can handle your project successfully on time. I am available to start immediately. Look forward to hearing from you. Best regards.
$150 CAD in 4 giorni
5,0 (93 valutazioni)
6,2
6,2
Avatar dell'utente
I am interested in your project. As you can see from my profile, I am an Web expert. If you hire me, I will do my best for your project. I am here waiting to discuss about your requirement in details. Thanks
$180 CAD in 7 giorni
0,0 (0 valutazioni)
0,0
0,0

Info sul cliente

Bandiera: BANGLADESH
CHITTAGONG, Bangladesh
4,7
99
Metodo di pagamento verificato
Membro dal mag 21, 2017

Verifica del cliente

Grazie! Ti abbiamo inviato tramite email il link per richiedere il tuo bonus gratuito.
Non è stato possibile inviarti l'email. Riprova per piacere.
di utenti registrati di lavori pubblicati
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Caricamento anteprima
Autorizzazione per la geolocalizzazione concessa.
La tua sessione è scaduta ed è stato effettuato il log out. Accedi nuovamente per piacere.