ExtJS

Froala WYSIWYG Editor meets ExtJS

Stefan Neculai

Wed, October 10, 2018

Editor

Next to the features a developer tool comes with, it’s important how easy we can add such a component to our apps. Froala Editor is a rich text editor made by devs for devs.

It has always been important for us to be close to developers in the development process and provide the right documentation and guides for easing the integration in any app stack. It doesn’t matter if you’re using Angular, React or Vue.JS, starting to use the Froala WYSIWYG Editor is a matter of minutes as it has step by step guides for getting started.

Today, we’re happy to announce that ExtJS is the next integration that we make available. Along with this awesome news, we also have a nice discount deal for you. :)

Few words about ExtJS

It is one of the most popular UI frameworks that comes with over 100 high-performance components and tools for developers to build their web and mobile apps. Very few UI frameworks can state that they are powering 60% of the Fortune 100 companies, as ExtJS does. With a large variety of JS components, from simple ones like popups or buttons to the advanced charts and pivot grids, ExtJS makes it is easy for devs to quickly put together their apps and make sure they look good.

ExtJS

Besides that, all the components are designed to adapt based on the screen size so that they perfectly fit on mobile devices. All of that is possible out of the box without losing any of the features on our desktops. How cool is that!

If you’re new to ExtJS, you can play with the variety of examples available on their website or simply download it to your local machine and start building something cool. Don’t forget to share it with us once it’s ready!

Using Froala with ExtJS

Did I mention that they have their own jsFiddle where you can test your code online and share with others what you’re building?

That is what we put together to show you how easy it is to add the Froala Editor into your ExtJS app. Here is a quick fiddle which highlights our WYSIWYG Editor together with ExtJS just by few lines of code.

You can make use of the full editor API and even define your custom buttons like I did here by adding a new button in the editor toolbar.

Froala Editor and ExtJS

Using Froala with ExtReact

If you’re using React in your stack, rest assure because we got you covered. ExtReact brings all the features that are in ExtJS to your React apps. For the Froala Editor, we made a simple application that shows how to configure it in three quick steps:

  1. Fork the source, cloning a copy to your system.
  2. Open terminal, navigate to cd packages/ext-react-froala-example/ and run npm install
  3. Then run npm start or use VSCode launcher to launch debugging.

What about GXT?

Last but not least, we have an option for that too. We know that lots of you are using GXT in your apps as we got many times questions about how to add the Froala WYSIWYG Editor in a GXT project. We made an editor example for GXT to show how easy it is to integrate. It only takes two simple steps: import and call the Froala editor for your textarea. Thus, you can easily add a good looking right text editor in your app within minutes.

Froala and GXT

Already own a Froala Editor license?

If you already own a Froala Editor license and are looking to add the ExtJS Framework to your app, we have a special 10% discount for you! Just drop us a line and we’ll give you further details about how you can buy ExtJS with this deal.

“I already own an ExtJS license. Can I take this deal?” I could see this coming.. and for sure you can! Just let us know that you’re an ExtJS customer and we can give you the same 10% discount on a new Froala Editor purchase.

We are curious where you will take the Froala Editor next, now that you can use it together with the powerful tools from ExtJS. Share your projects with us in the comment box below or on your favorite social network.

Share:

comments powered by Disqus