Find Jobs
Hire Freelancers

WYSIWYG Editor For WordPress Fronted, complete Vanilla JS

₹37500-75000 INR

Ditutup
Disiarkan sekitar 1 bulan yang lalu

₹37500-75000 INR

Dibayar semasa penghantaran
Create a JS-based WYSIWYG Editor integrated into WordPress Website run a WordPress-based website that is a UGC (User Generated Content) platform. I want users to be able to format their blog posts before publishing. WordPress core and TinyMCE are too heavy and too expensive respectively. I want to implement the same functionality of TinyMCE 7 (free version) via custom code in my site. Requirements of the WYSIWYG Editor: - Support for bold, italics, underline, link insert, link remove, align, highlight, font size, font-family, tables, and more. - Support to format HTML tags automatically. Auto add/remove tags to make programmatic sense. Auto format text pasted from WordPress - Proper functions so that I can programmatically insert content in the editor. - Quickbar to show relevant tools, easily. Basic image manipulation like alignment and size. Preferably the toolbar is inline. - Support to have it as fullscreen with a click of button. - and anything else that free version of TinyMCE can implement - No libraries. Libraries make things heavy, and I would want a lightweight techstack. You can use jQuery, since WordPress already uses it, but any additional library would be a big no-no. - Functions: Lets make functions, hardcoding everything can be fast, but not scalable. This project is just beginning, we would need to customize and make changes, so making functions from your side would help us with the same. Make functions that we can directly plug into (like default content when loading the Editor, function to add buttons to toolbar). We are working on a massive project. Currently its our first time with Upwork, so this would be phase 1 of our 3 part plan. Once we are through with it and have good experience with the dev, we will be putting up another order in late May or early June. - Should have hashtags support, like in Twitter/Insta, if we type hashtag, it should automatically convert it into a link (I will take care of the backend) - Autocomplete links: Shouldn't be difficult, but using regex or whatever you like, when you see a text URL auto convert it into hyperlink - Block tags: Auto block and remove certain tags, like someone is trying to insert scripts, block 'em. Preferrably Inline editor like Gutenberg. The current setup of everything being at top is a bit old fashioned though completely functional. A block-based system with modern inline editor would be really great. - Shortcuts: It should support shortcuts. Obviously things like bold, italics, and underline should work (duh, it should be obvious). But, we also use CTRL+S in our current system to Save the form via AJAX. The saving functionality is built from our side, just that you should have functionality to pass such key presses our of the WYSIWYG IFrame. - Buttons: We have a lot of our functionality running over TinyMCE, this includes our own tools for monetization, inserting YouTube videos, etc. The code for that already exists from our side. We would just need the WYSIWYG to have functionality to add custom Buttons from our side (just like TinyMCE). We will handle the rest. - Height: Editor should automatically adapt to the height of content. Our average content in 1500 words long, so I cannot have an extremely long editor open by default, it should grow its size as the user types - One thing that has been an issue with most WYSIWYGs is that lets say you insert an image and a table, between them there is no gap to add another paragraph, which means mostly you have to edit Source Code to add another para. Not ideal, it should have a add para button for each "block" to insert para below/after every block - Noneditable: Like I mentioned we have some buttons to insert specific content. This content could include shortcodes, embeds, and various things that are plug and play, no need for user to edit. So, once added we want them to non-editable by user. They can backspace it to remove it, but can't as such change it. So, perhaps a CSS class that makes the div and all its children uneditable.
ID Projek: 37999479

Tentang projek

36 cadangan
Projek jarak jauh
Aktif 1 bulan yang lalu

Ingin menjana wang?

Faedah membida di Freelancer

Tetapkan bajet dan garis masa anda
Dapatkan bayaran untuk kerja anda
Tuliskan cadangan anda
Ianya percuma untuk mendaftar dan membida pekerjaan
36 pekerja bebas membida secara purata ₹58,207 INR untuk pekerjaan ini
Avatar Pengguna
With over 14 years of experience in web development and a specialized skillset in HTML5 and JavaScript, I am more than capable of creating a WYSIWYG Editor to meet your specific needs. This project aligns perfectly with my strength - customization - since WordPress-based websites are often in need of tailor-made solutions. Also, having worked extensively on CMS platforms, including WordPress, I'm acutely aware of the inefficiencies that some plugins can bring, which is why I'm excited to create a more lightweight alternative for you. My past work has also given me expertise in improving user experience. I can implement an inline editor that resembles Gutenberg's interface and supports shortcuts or add buttons that integrate your custom tools seamlessly. Since you mention working on a "massive project", I've structured my work around quick communication and turnaround time to complement high-quality deliverables. Above all, my primary aim is client satisfaction, and I am eager to deliver a WYSIWYG Editor that checks all your boxes
₹56,250 INR dalam 7 hari
4.9 (275 ulasan)
7.9
7.9
Avatar Pengguna
With over 18 years of experience in web and application development, I confidently offer my services to build a Vanilla JS-based WYSIWYG editor for your WordPress website. As someone who understands the need for a lightweight solution, I am capable of delivering all the functionalities of TinyMCE 7 without any dependencies on additional libraries. My expertise lies particularly in CSS and JavaScript, and I am fluent in working with vanilla JavaScript to deliver quality outcomes. One of my core strengths is creating reusable functions that allow for easy customization and scalability - precisely what your massive project needs at this initial stage. Having previously integrated unique features into WordPress-based websites without compromising the core functionalities, I can address your specific requirements such as automating HTML tag formatting, hashtag support, autocomplete links, blocking unwanted tags, and more. Furthermore, being proficient in jQuery as well, I can ensure smooth integration of the Editor while incorporating the monetization tools and YouTube video-inserting functionality you need. My solid experience working with large scale projects and strong track record of completing tasks on time and within budget demonstrate my dedication to delivering satisfactory results, even exceeding expectations
₹56,250 INR dalam 7 hari
4.9 (208 ulasan)
8.0
8.0
Avatar Pengguna
Hello, good time Hope you are doing well I'm expert in MATLAB/Simulink, Python, HTML5, CSS3, Java, JavaScript and C/C#/C++ programming and by strong mathematical and statistical background, have good flexibility for solve your project. I have many experience practical and theoretical in implementation different algorithms (such as: state estimation and Kalman filter, design controller, analysis closed loop stability, signal and systems, signal processing, heuristic optimization, fuzzy logic, neural network and machine/deep learning fields). Evidence of this claim exist in the portfolio. I have read your project description and I can help you (without any plagiarism). Please send me the details of your project. Thanks for attention 100% Jobs Completed, 100% On Budget, 100% On Time ⭐⭐⭐⭐⭐ 5-star reviews
₹56,250 INR dalam 7 hari
5.0 (12 ulasan)
7.2
7.2
Avatar Pengguna
With over a decade of experience in web development, my team and I are more than qualified to create a lightweight, customized WYSIWYG Editor exclusively for your WordPress site. Our expertise includes CSS, HTML5, and JavaScript - the precise skill set you need for this project. Additionally, we've effectively worked with disparate systems and possess a profound understanding of WordPress's natural environment and data structures. Our commitment to quality code and optimized formats assures a lean and efficient final product. We despise bloat and only advocate for the most lightweight installations - no unnecessary libraries or dependencies attached. Furthermore, our approach is modular; we prefer creating functions from scratch instead of hardcoding everything. Consequently, as your platform evolves through various phases, be assured that our contribution will remain scalable and adaptable.
₹56,250 INR dalam 7 hari
5.0 (101 ulasan)
6.2
6.2
Avatar Pengguna
Hello, 17 years of expertise at your service! Let's revolutionize your WordPress UGC platform with a custom JS-based WYSIWYG Editor. Forget heavy cores and pricey alternatives—think streamlined, dynamic formatting tailored to your needs. From bold to hashtags, every detail's covered. Custom functions ensure scalability for your massive project, with seamless integration for phase 1 and beyond. Inline editing, shortcuts, and auto-adapting heights? Consider it done. Plus, no libraries weighing you down—just efficient jQuery magic. Let's make your vision a reality, one keystroke at a time. Excited to embark on this journey together. Best regards, Shahed
₹75,000 INR dalam 7 hari
4.9 (40 ulasan)
6.1
6.1
Avatar Pengguna
Hi there, As a PHP, WordPress, Laravel expert with a focus on website development, I bring more than 8 years of experience and an unmatched creative streak to the table. My team has successfully completed over 1000+ projects in various domains, and as per SEO standards. With a deep understanding of both front-end (HTML, CSS) and back-end development (including databases like SQL), we assure you a comprehensive and robust solution for your eCommerce website. In line with your request for samples of past work, feel free to check out some of my latest projects in HTML, HTML5, CSS, and Javascript that reflect my proficient use of popular web designing tools like bootstrap and also my extensive experience in Laravel.
₹90,000 INR dalam 15 hari
4.3 (22 ulasan)
6.6
6.6
Avatar Pengguna
As a seasoned frontend developer with a strong command of HTML5 and JavaScript, I am well-equipped to tackle your WYSIWYG project. My expansive skillset in web design is perfectly aligned with the detailed requirements you've outlined. I have extensive experience developing clean, lightweight applications, and I will deliver on your 'no libraries' directive by creating bespoke functions fully tailored to meet your needs. My timeframes are efficient and transparent - you can rely upon me to consistently deliver high-quality work within agreed timeframes. In summary, my skills including web and mobile UI/UX design lend a unique advantage to undertake this project successfully. Respectful of your project phase structure, our rapport will only strengthen with each added module. As we move forward, I intend to bring forth more than just skills but also an on-point vision tailored specifically for enhancing user experience on your UGC platform - all without compromising on efficiency or scalability. Let's get started on revolutionizing WordPress-based content creation!
₹75,000 INR dalam 10 hari
4.5 (42 ulasan)
5.8
5.8
Avatar Pengguna
Hello, Hope you are doing great.. I have read your requirements related to Create a JS-based WYSIWYG Editor integrated into WordPress Website, and I'd love to build it for you…I'm a great fit because I have an experience of more than 7 years. I'm ready to start working on your project from today onwards and can complete it in the given timeframe looking forward to hearing from you. I'm asking to pay your attention to my profile portfolio (Ping me over the chat I'll share with you). You'll find there some examples of my previous works for the similar projects and contact me for more information and details. I am very dedicative to the details and always open for the suggestion and discussion. Final quote will be discussed in the chat. Thanks Aerozef
₹38,000 INR dalam 8 hari
4.8 (33 ulasan)
4.9
4.9
Avatar Pengguna
HI, As a seasoned full-stack developer, I have extensive experience with JavaScript and HTML5, which are the core technologies for this project. I have built numerous web and mobile apps for your business. For your UGC platform, I completely understand the importance of a WYSIWYG editor, especially one that is nimble and adaptable to complex content. One notable project that aligns closely with your requirements was building a similar WYSIWYG functionality for an e-commerce website with hundreds of daily user-generated posts, similar to WordPress. I can create tables/layouts you need, ensure automatic formatting of text pasted from WordPress among other specifications including block tags and shortcut support. Let's discuss in detail how my skills and experience can bring your vision to life! Thanks & Regards Parvesh Saini
₹40,250 INR dalam 30 hari
4.4 (12 ulasan)
5.5
5.5
Avatar Pengguna
Creating a custom JS-based WYSIWYG editor for your WordPress UGC platform sounds like an exciting challenge! To summarize the key requirements: Lightweight: Avoid heavy libraries, utilize jQuery if necessary. TinyMCE-like features: Bold, italics, underline, links, alignment, highlight, font options, tables, image manipulation, and more. Auto-formatting: HTML tags, pasted text, hashtag conversion, autocomplete URLs, block tag prevention. Functions and Customization: Modular functions for scalability, custom toolbar buttons, inline editing, shortcuts, dynamic height adjustment, and non-editable content blocks. By focusing on efficient code structure and meeting TinyMCE 7 (free version) functionalities, we can create a responsive, feature-rich editor tailored to your platform's needs. Let’s discuss further to align our development roadmap with your project phases.
₹56,250 INR dalam 7 hari
3.8 (21 ulasan)
5.7
5.7
Avatar Pengguna
Hello there, we are experts and a team of highly skilled developers with expertise in required fields, subject and matter. We can develop this project as per your complete satisfaction. Please, send me a message to discuss the work and finish in no time. Thank you Ashish Kumar.
₹70,000 INR dalam 30 hari
5.0 (15 ulasan)
4.3
4.3
Avatar Pengguna
Hey There, As a highly-successful and top-rated Full Stack Developer with over 9 years of expertise, I'm confident that I am your ideal WYSIWYG Editor solution provider. For starters, I am skilled in front-end technologies like React Js, Angular Js, HTML, and CSS - which are powered by an incredible vanila JS/No Libraries approach – a perfect match for your desired lightweight solution. As well as these skills, I'm also adept in back-end technologies like Node Js, Php and Laravel which could be useful later on to help customize phases 2 and 3 of your project plan. While my capacities extend to a wide range of web and mobile development services (including but not limited to E-commerce platforms, API integration, UI/UX Design Solutions), I believe my proficient understanding of WordPress architecture further positions me as the best candidate for this job. In line with your requirements, my fluency with shortcodes and embeds management will ensure the buttons you want added from your side function optimally with my editor design to ensure smooth publishing process. Having developed hundreds of Wordpress projects, I am also aware of widely encountered issues like those gap and noneditable characteristics - hence you can trust they have already been factored into my design. Your satisfaction means everything to me; expect timely project deliveries with quality assurance because I don't just develop apps but build long-term client relationships.
₹56,250 INR dalam 7 hari
3.9 (9 ulasan)
5.1
5.1
Avatar Pengguna
Hello! As an experienced WordPress developer with 7 years of experience, I understand the specific needs for customizing and enhancing the content creation experience on your platform. My expertise in HTML, DHTML, PHP, CodeIgniter, WordPress, Joomla, Drupal, Magento, html and JavaScript means I have all the necessary skills to create a powerful and lightweight WYSIWYG editor according to your exact specifications. Not only will my solution give you complete control over formatting and allowing or blocking specific content aspects (such as scripts), but it will also be efficient enough to handle large amounts of user-generated content effortlessly. Utilizing my experience of developing websites for startups and small businesses, you can count on me to create scalable functions that can be customized easily as your WYSIWYG needs grow. Consider this a strategic investment for the future phases of your project with me wherein I'll integrate monetization tools or any other custom buttons you might need into your WYSIWYG without compromising its performance or weight. Let's take your UGC platform to better creative heights together! Best Regards Vinay
₹60,000 INR dalam 45 hari
5.0 (6 ulasan)
3.6
3.6
Avatar Pengguna
Hello Aditya A., We went through your project description and it seems like our team is a great fit for this job. Dear Aditya A., I saw your project titled "WYSIWYG Editor For WordPress Fronted, complete Vanilla JS" and I'm interested in submitting a proposal. With over 10 years of experience in software development, I have a proven track record and strong expertise in the required skillset, including JavaScript, HTML5. Here's a bit more about my skillset: Skills: JavaScript, CSS, HTML5 I'm confident I can deliver exceptional results for your project. Would you be open to discussing this further? Thank you for your time. Sincerely, A Mateen Lets connect in chat so that We discuss further. Thank You
₹56,300 INR dalam 7 hari
5.0 (5 ulasan)
2.5
2.5
Avatar Pengguna
Hello there, I'm your expert JavaScript developer ready to create a custom WYSIWYG editor for your WordPress website. I understand your requirements for a lightweight solution without additional libraries, and I'm proficient in jQuery. I'll ensure the editor supports all necessary formatting features, including auto-formatting pasted text and image manipulation. Additionally, I'll implement functions for programmatically inserting content and custom buttons. Let's connect to discuss further details and get started right away. Feel free to reach out via chat or call. Best regards, Aliza S
₹56,250 INR dalam 7 hari
5.0 (7 ulasan)
2.5
2.5
Avatar Pengguna
As an accomplished WordPress developer with over 9 years of experience specifically in CSS, HTML5, and JavaScript, Not only do I develop advanced WordPress websites but also ensure they are secure. My expertise includes malware removal and the ability to protect your digital assets from potential threats. You can trust me not only with creating a super lightweight WYSIWYG Editor from scratch using cutting-edge Vanilla JavaScript but also adhering strictly to best practices by employing optimized modular functions for scalability, customizable functions and compatibility with WordPress and REMOVE_ALL malicious tags used by exploiters. I offer great value in terms of expertise and experience in your specific requirement and beyond. I have an array of skills that will perfectly fit the TINY MCE functionalities you require such as Auto block and remove certain tags(jQuery/jscript) ,Autocomplete links(RegEX), Hashtags conversion etc.)I thrive on challenges and delivering top-notch results even under pressure. Be confident of effective communication, timely delivery and strong reliability. Let's kickstart your "massive" project on the right note with Phase 1 - the WYSIWYG Editor! Feel free to reach out to discuss specifics or request any more details; I'm always open.
₹56,250 INR dalam 7 hari
5.0 (1 ulasan)
0.0
0.0
Avatar Pengguna
As a highly skilled full-stack developer with a strong focus on JavaScript and HTML5, I am confident that I can provide you with the custom WYSIWYG editor your WordPress website needs. Having just completed an internship where I gained valuable hands-on experience, my technical knowledge and proficiency with Vanilla JS align perfectly with your preference for a lightweight tech stack. In addition to creating all the necessary functions that will provide seamless interactions between your backend and the WYSIWYG editor, I'm also adept at using regular expressions and other techniques to implement features like automatic hyperlinking and blocking certain tags to enhance security. This will ensure that your UGC platform stays safe and user-friendly. Moreover, my commitment to developing scalable code will guarantee that any future customization in line with your evolving project needs remains straightforward. Whether it's enabling shortcuts (including the crucial CTRL+S), handling hashtag links or creating an intuitive block-based inline editing system akin to Gutenberg, I have the necessary skills to integrate these features into your editor successfully. By entrusting your project to me, you can focus on your content while enjoying a powerful WYSIWYG editor tailored specifically for your platform.
₹56,250 INR dalam 7 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
With expertise in HTML, JavaScript, CSS, WordPress, Shopify, and Bootstrap, I offer comprehensive web development services. Whether you need a custom website, e-commerce store, or responsive design, I'm equipped to bring your vision to life. Let's collaborate to create a stunning online presence that exceeds your expectations.
₹56,250 INR dalam 7 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
With a decade of hands-on experience in CSS, HTML5, and JavaScript, I can confidently say that I possess the skills required to develop your WYSIWYG Editor from scratch. Your specific need for a lightweight, fast, and customizable solution resonates deeply with me since I truly understand the gravity of libraries on site's performance. I use jQuery sparingly but judiciously to ensure minimal impact on loading times. What sets me apart is my proficiency not just in hard coding features into your editor, but building functions that make customization relatively easy for you. I genuinely comprehend the need for scalability when dealing with projects at your magnitude, thus my 'function-centric' approach aligns perfectly with your long-term goals. This editor is only phase one of our collective plan, after which we can take up further customization orders. I am passionate about supporting my clients beyond project completion date as the upward trend of my repeat clientele shows. Being responsive to your unique requirements such as the hashtags support and autocomplete links mentioned means I put added value into every line of code I write. Offering an efficient and modern inline editor experience while properly integrating your existing functionalities will be my top priority. A great journey awaits us, let's start phase one strong!
₹56,250 INR dalam 7 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
With over a decade of experience as a web designer and developer, with expertise on platforms like WordPress and JavaScript, I firmly believe that I'm the perfect match for your project. The depth of my experience within WordPress ensures that I have a deep understanding of your specific problem-set and the challenges you face. Rest assured, whatever elements we work on together will be carefully designed to be performant and efficient. Being well-acquainted with CSS and JavaScript, two key languages required for this task, implies that I can comfortably implement all the necessary functionalities from TinyMCE besides creating the graphics and integrating them into your content system. What's more, I always strive for modularity, treating each new project as a reusable 'building block', so making edits down the line becomes much easier and scalable. This philosophy aligns perfectly with your requirement of having functional plug-ins without intrusive libraries. Lastly, while delivering timely outputs is central to my work ethic, Phase 1 is only the beginning. Should you choose to continue working with me beyond then, which I hope you will when you see the quality of outputs I produce, we can further enhance our product based on your needs in phase 2 and 3. So trust me with your requirements - not only will I deliver Emma Watson’s awe in her performance as Hermione Granger (or the closest possible)!
₹40,000 INR dalam 20 hari
0.0 (0 ulasan)
0.0
0.0

Tentang klien

Bendera INDIA
Chandigarh, India
0.0
0
Ahli sejak Apr 16, 2024

Pengesahan Klien

Terima kasih! Kami telah menghantar pautan melalui e-mel kepada anda untuk menuntut kredit percuma anda.
Sesuatu telah berlaku semasa menghantar e-mel anda. Sila cuba lagi.
Pengguna Berdaftar Jumlah Pekerjaan Disiarkan
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Memuatkan pratonton
Kebenaran diberikan untuk Geolocation.
Sesi log masuk anda telah luput dan telah dilog keluar. Sila log masuk sekali lagi.