Switched to grunt

October 8th, 2014 by Spocke

Motivation

We switched from Jake and custom build tasks to Grunt in the 4.1.6 release. The main motivation for switching to Grunt was to be able to use of the shelf third party build tasks. We where spending way to much time working on custom logic for building, testing etc and that time is better focused elsewhere. We also looked at other build tools and the second strongest candidate was Gulp however it fell short only on one aspect the lack of plugins it had most of the things we needed but not all of them and then we would be back building lots of custom tasks.

Simpler tasks

We simplified the tasks when switching to grunt so you only have a few basic command line build tasks.

grunt

Simply runs all the tasks minification, linting, testing and packaging. It excludes the saurcelabs tests since it takes a lot of time to complete.

grunt minify

Build the AMD modules and less files into js/css files and minifies them. This is basically the main build tasks.

grunt lint

Runs all linters on the code eslint, jshint, jscs etc.

grunt test

Runs all qunit tests in Phantom JS.

grunt sc-test

Runs all qunit tests on various browsers on saucelabs.

grunt bundle

Bundles various plugins and themes into one big JS file might be useful for CDN deployment purposes.

grunt watch

Watches for source code changes and triggers rebuilds and linting.

Code vs config

The main difference between the jake and grunt is that jake build tasks are basically code, this gave us more flexibility since you could more easily mix things together and have dynamic build flows based on command line input. This is a little bit tricky to do in Grunt, we had to make a few odd tasks to solve that. Gulp would have been better of handling that.

Private tasks

Another issue we found with Grunt is that it’s not possible to hide internal build tasks. However most of the tasks can run independently but not all of them so we recommend that you only use the documented build task we have in the readme.md unless you know that your doing.

Nuget pack

Since we distribute TinyMCE to a bunch of package managers including Nuget we need to build out nupgk files. This has always been a hassle to work with since the only way to create these nupgk files are using the nuget command line tool and that requires .NET and we wanted to be able to build everything on Windows, Mac and Linux so we decided to write our own nuget package grunt task for grunt that doesn’t use the nuget.exe.

Saucelabs

The saucelabs bridge that we use to run all the qunit tests on various browsers from the command line was one of the parts we didn’t wan’t to manually maintain in the jake build process. So we now use the plugins available from the grunt community.

Posted in Development, Software, Work | Comments Off

Work continues…

October 8th, 2014 by Afraithe

Been a while since we had a blog post, it’s been a busy few months for us, working in various projects, some new, some old, some secret. The success of MoxieManager continues, as we continue to work on the product, expect some big updates coming in the next few months and into next year.

Plupload is getting an overhaul, we are looking into everything from licensing model to the code and support models we have in place (moving to a proper ticket system instead of mail support for example), this is also something we will finish before the end of this year.

TinyMCE is considered very stable now, we have some more or less secret projects that will benefit all TinyMCE users down the line, the new UI seems to have gone down well with our users so we keep improving that as we go. We are also seeing an increase in pull requests now that the code base has been very much improved and made easier to work with and understand, we consider this a top priority for a project such as TinyMCE.

Thank everyone for using our products.

Posted in Development, Work | Comments Off

What’s new in TinyMCE 4.1

June 18th, 2014 by Afraithe

The 4.1 version of TinyMCE was just released, with some new features and fixes. This is an outtake of a few of the things new in 4.1, for more details and info, check the TinyMCE Forum news post. Please note, if you are using the CDN version, you need to update the url to load the 4.1 version.

Color picker

One of the more noticable features is a new and updated color picker, this picker is used in various places in side tinymce, for text color, background color as well as table cell colors etc.

In the toolbar you now have the option to set custom colors, and clicking on “Custom…” pops up a more advanced color picker where you have more control over exactly what color you wish to set.

The colors are only saved for as long as you have that particular instance of TinyMCE running. To use this, add the “colorpicker” plugin to the plugins list.

There are also some new callbacks if you wish to override this behaviour and use a custom color picker.

Text pattern plugin

A new plugin with some neat features if you are used to Markdown type writing. It will allow you to type something like “**bold**” or “1. text” to make a text bold or an ordered list, this makes it easier to add formatting while typing. This is configurable as well, so you can set your own custom combinations.

Advanced table dialog tab

By request we have added an advanced tab to the table dialog for some extra more or less commonly used features.

Resize helper

So you can see the exact size of the image you are resizing, a neat little feature that we think ppl will have much use of.

Posted in Development, Software | Comments Off

Accessibility in TinyMCE 4.0.17

February 27th, 2014 by Afraithe

While reaching a really stable 4.x branch of TinyMCE, we have now added support for the WAI-ARIA spec. For the best experience, we highly recommend using the NVDA screen reader with Firefox.

We had the most excellent help from Marc, working as a Accessibility QA Engineer and Evangelist at Mozilla, you can read up on his blog about how to work with TinyMCE here.

As a followup to improving accessibility support, we are also looking into making a high contrast skin for TinyMCE 4, should be available within a few patches or so.

On another note, after popular demand, we have added in image_class_list/link_class_list options to image/link dialogs to let the user select classes directly from within the dialogs.

Posted in Blogs, Development, Software, Work | Comments Off

Merry Christmas & Happy New Year

December 20th, 2013 by Afraithe

Been a exciting year for our company and our products, brand new design and a lot of re-work of TinyMCE to modernize the engine and user interface. Our old well used MCImageManager & MCFileManager where rewritten from scratch and combined into a single product, MoxieManager, that we have had huge success with. Also Plupload has gained a lot of momentum this year.

For 2014, we plan to keep working hard to bring you the best WYSIWYG editor as well as our other tools, with a stable ground now for MoxieManager, we are preparing to bring out more plugins and extend the functionality and uses of the software even more. Plupload will also get a brand new website very soon.

We have some vacation during Christmas and New Year, our support might take a bit longer to respond, thank you for your patience.

A big thanks to everyone for using our products.

Posted in Blogs, Cool stuff, Development, Software, Work | Comments Off

MoxieManager Release Updates

November 14th, 2013 by Afraithe

AzureWe just released a new version of MoxieManager for both .NET and PHP, bumping the version numbers up to 1.2 for .NET and 1.4 for PHP.

With this new release comes support for Microsoft Azure Blob Storage for our Enterprise customers, you can now browse, copy/move/delete files from and to Azure between any other filesystem. You can read more on the MoxieManager website about how to start using Azure with MoxieManager right away.

Another new major feature is directory specific configuration, the option is called filesystem.directories and will provide flexible config for all filesystems.

Let say you only want image type files to be uploaded to all images folders, you can configure it like this:

$moxieManagerConfig['filesystem.directories'] = array(
   "images" => array(
      "upload.extensions" => "gif,jpg,png"
   )
);

This will allow for some very flexible configurations, and it works well with Amazon S3 and Azure filesystems as well.

Read more on how to use the new configuration option in our documentation.

Posted in Cool stuff, Development, Software, Work | Comments Off

Community Tools

October 3rd, 2013 by Afraithe

skin.tinymce.comYesterday we released skin.tinymce.com as well as our plugin repository. This is an important step towards our goal of making is easier to work with TinyMCE.

TinyMCE has always been a complicated piece of software, a lot of code is required to fix quirks, maintain usability and provide a good user interface, making it easier to customize TinyMCE either visually or through plugins is a long term goal we have had for some time now.

Skins

Previously, it could take days to make or even just tweak the skin of TinyMCE to fit your CMS, but with the release of TinyMCE 4 and the skin.tinymce.com community tool, it now takes minutes! After you have edited your colors (with LIVE preview) you can simply download the package and add the skin to TinyMCE. If you wish to tweak it afterwards, use the skin.json file that comes with the package, simply drag and drop it into skin.tinymce.com and your back to editing your skin again!

Plugins

The new plugin repository on TinyMCE.com has been a much requested feature from our community, somewhere to gather all the plugins that are now spread around, and also a new place to add the skins that are now so easy to create.

You can find the new plugin repository under Downloads -> Plugins.

Feedback

Use the forum thread to provide feedback on these tools.

Posted in Cool stuff, Development, Work | Comments Off

CacheFly CDN success!

August 23rd, 2013 by Afraithe

CacheFlySince the release of TinyMCE 4 and the the free CDN hosting provided by the best CDN in the world, Cachefly, we have seen a huge increase in TinyMCE usage, the CDN is now pushing out above 25 GB of data per day, increasing steadily.

The CacheFly CDN provides a fast geo location loading of TinyMCE, and through our build system, we also push releases up right away.

And it is so easy to use!

<html>
<head><!-- CDN hosted by Cachefly -->
<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
        tinymce.init({selector:'textarea'});
</script>
</head>
<body>
        <textarea>Your content here.</textarea>
</body>
</html>

Thank you all for being such active TinyMCE users!

Posted in Cool stuff, Development | Comments Off

Updates, updates!

April 12th, 2013 by Afraithe

As you might or might not have noticed, we have released TinyMCE 4 as well as MoxieManager this week, so what have we been up to with these products?

MoxieManager

MoxieManager has been in development for a long time, and was quite frankly very delayed, well we want to release not just a solid product, but a solid platform for future features, updates and improvements, we have now released a product we are very proud of, and the feedback so far has been great. There will probably be a fair amount of support regarding upgrading and integrating MoxieManager, as well as any bugs that might get brought up to the surface when our 18 000 customers starts to implement the software. We have a new website and a new support system, if your a client, you should have recieved email about this.

.NET version is scheduled to be released within 1½ month from the PHP release, so don’t panic you .NET users out there.

Visit moxiemanager.com

TinyMCE 4

And yes, TinyMCE 4, totaly new user interface and tons of changes behind the scenes as well, code quality improvements have been drastic, as well as the improved build process, inline editing and much much more. Those of you who are missing features, do not panic, most of the features are still there, its just that the user interface have been greatly simplified for end users, as time progress we will get back some of the more advanced ui features as well, but our policy on these changes are simplicity, most users do not need the clutter that is advanced image options or detailed style editing.

We really hope you focus more on implementation issues, setting up formats and classes to use, instead of relying on the source code editor or any of the previously tricky advanced options for setting styles and what not.

TinyMCE 4 is beta, if you find any issues, use the bug tracker to submit them, thanks. We are also working on updating the documentation as fast as we can.

Check out the presentation

Posted in Work | 1 Comment »

Website downtime

March 19th, 2013 by Afraithe

We are moving websites around abit today (Tuesday 19th and possibly Wednesday 20th), so some outage will occur, mostly related to using the forum or bug tracker on the TinyMCE website, and also the shop will be down for a short period of time. This will affect all our websites Plupload.com, Moxiecode.com, TinyMCE.com and Fiddle.tinymce.com.

If you encounter any problems, try again the next day, if you still encounter problems with our website or services after Wednesday, please report it to us.

Posted in Blogs, Development, Software, Work | Comments Off

« Previous Entries