Cosmic JS Blog Stay tuned for community news, company announcements and updates from the Cosmic JS team.

Introducing the New Content Editor

We are excited to introduce the all-new Cosmic JS content editor.  We think you'll agree it's a huge improvement over our old editor and makes adding API-powered content to your websites and apps easier and more enjoyable.  Some of the new functionality includes:

1. Sticky Toolbar

The new Cosmic JS editor comes with a sticky toolbar that travels with you as you build your content.  No longer do you have to scroll back up to the top of the page to add enhancements like rich text, links, images, video and more.

2. Better Code Editing

Most WYSIWYG (What You See is What You Get) editors leave much to be desired with their HTML editor.  But our new editor makes adding HTML more developer-friendly.  Code mode features including multi-cursor select and easy-to-read highlighting make editing code a breeze.

3. Emojis 😀 !

The new Cosmic JS content editor comes with emoji support for when you just can't express yourself through words alone.

These are just the highlights of the new Cosmic JS content editor.  It's overall a much better editor making for a delightful content editing experience.  Sign up or log in to your Cosmic JS account to experience all of the features of the new editor.  And if you have any questions, feel free to reach out to us in our Slack community or on Twitter.

You may also like

In this tutorial, we're going to create a small Twitter-like mobile app using React Native. With our app, users will be able to create accounts and log in, see a feed of all of the posts created by themselves and other users, and add their own posts to the feed. The data for all of our users and posts will be managed by Cosmic JS.

You can now connect your Cosmic JS Buckets to Slack to track changes in your Buckets.  Installing the app to your Slack account is easy.

In this installment of the Cosmic JS Developer Spotlight Series, we sat down with Jason Lengstorf, a developer, architect, keynote speaker and occasional designer residing in Portland, Oregon. Having worked previously at IBM and Precision Nutrition, Jason now serves as Head of Developer Relations at Gatsby. Follow Jason on Twitter, LinkedIn or GitHub, and enjoy the Q/A.

If the websites and applications that we visit everyday are tailored to us as consumer segments, why aren't the tools that we use to publish content also tailored to our particular contributor types?

We know first hand the problem of building websites and apps on a time crunch.  And it's always nice to find something pre-built that you can simply pull "off-the-shelf" and customize to fit your needs.

It's now faster and easier to make the content on your webpages dynamic.  The Official Cosmic JS JavaScript Client now comes with a minified browser version that allows you to add the power of Cosmic JS cloud-hosted content into your HTML page with a single file.  Download the Cosmic JS browser file then copy and paste this real-working browser example into an html file to check it out:

<!DOCTYPE html>
  <title>Cosmic JS Easy Browser Example</title>
<h1 id="title">If you see this, something isn't working...</h1>
<div id="content"></div>
<div id="metafields"></div>
<script src="cosmicjs.browser.min.js"></script>
var config = {
  bucket: {
    slug: 'easy-browser-example'
  object: {
    slug: 'home'
Cosmic.getObject(config, config.object, function(err, res) {
  var object = res.object;
  document.getElementById('title').innerHTML = object.title;
  document.getElementById('content').innerHTML = object.content;
  var metafields = object.metafields;
  var images = '';
    images += '<h2>' + metafield.title + '</h2>';
    images += '<img width="300" src="' + metafield.value + '"/>';
    images += '<br><br>';
  document.getElementById('metafields').innerHTML = images;

Sign in to your Cosmic JS account and connect this example to one of your buckets to see how easy it is to create powerful CMS-powered websites and app with Cosmic JS.