Blog
Deep dive into Bear CMS's content editing experience
Bear CMS is a content management system that can take care of your website while empowering you with awesome editing tools. But, are they really that awesome? Let's take a deep dive and find out.

Before we start, let's mention the traditional ways to edit a website's content.

WYSIWYG editor (aka Microsoft Word)
I believe you are already familiar with Microsoft Word's approach to content editing. You can find it at Google Docs, Outlook, and many other applications, too. This technology has found its way into many website content management systems since it's familiar to document management. It involves a lot of selecting (for making text bold, for moving an image, etc.), a lot of drag and drop and a lot of toolbars. There is a little structure, and the user sees the final result as it's being created.

Backend interfaces with forms
If you need more structure and content that is decoupled from the presentation you may choose this approach. The content is created abstractly with tools that are easy to use and it's harder to break things visually. This also enables specific business logic, because the meaning of every content element is predefined by the developers.

Programming languages (or special codes)
Markup languages like HTML and Markdown are also a popular way to describe the content. They are preferred by developers who have a deep understanding of the content structure and meaning and don't want to bother about how the result will look like while creating the content. They can even use shortcodes to describe complex content like image galleries, polls, forms, etc.

Does Bear CMS offer a better solution?

There are pros and cons of the solutions described above. Some provide a live preview of the final result, others provide structure, some support drag and drop (but that's not so great on small touch devices), others have a higher learning curve.

We think we have a better method to enable content ending in these modern times when most of us primarily use smartphones and when content is presented on devices with various screen sizes.

Content structure is cool

Different devices (smartphones, laptops, tablets) have made responsive design a must, and this makes visual content editing unpredictable. You cannot be sure if a newly added table will fit on a small screen, or if an image is large enough for a big desktop monitor. In this unpredictable situations sizes and paddings don't really matter. So we've decided to logically separate different content elements (text, images, videos, etc.)
Bear CMS Blog
You can also place content into columns or make a text float around other elements.

A simple toolbar only when needed

There are just a few common actions you can do on a content element:
  • Edit
  • Move
  • Delete
So we've decided to make a simple toolbar that is only visible when you hover over the element (or tap it on a touch device). It's not visible when you don't need it, so you can see the content the same way your visitors will see it.
Bear CMS Blog

Edit in a form

When clicking the edit button, a modal window will appear containing only the tools needed to modify the specific type of content. There are text formating options for texts, file upload fields for image galleries, etc. There are no distractions and no way to accidentally break something.
Bear CMS Blog

No drag and drop

Dragging content elements is cool if you want if the element of interest and the target destination are visible on the screen at the same time. But this is rarely the case, especially on mobile devices. So we've decided to make it simpler. Here are the steps:
  1. Tap or move over the element and click the "move" button from the toolbar.
  2. Find the new location of the element (indicated by one of the big circles).
  3. Click on the circle indicating the new location. Done.
This 'Click + Click' approach works great with touch and a mouse without adding strain to your finders while looking for the new location.
Bear CMS Blog

Trully live

We know you want to see the final result easily. Bear CMS shows this by default. When you open the edit form of an element, a simple modal window is placed on top of your website, and when you make the changes needed and click the save button, the window is closed and the element's content is updated. No refreshes, no need to open other pages. It's there.
Bear CMS Blog

Try it yourself

Interested in trying the Bear CMS content editor yourself. Get your free demo (in just a couple of seconds, no emails required) at https://demo.bearcms.com/
You can also register for your first Bear CMS website at https://bearcms.com/

We'll be happy to read your comments and answer all your questions about our approach.
Bear CMS highlights (September 2019)
Bear CMS Blog
We'll keep the tradition and once again we'll take the opportunity to highlight the most interesting things around Bear CMS in the last 30 days.

The Source code element is now available with support for more than 20 programming languages. You can now beautifully share your code (it's automatically colored) and easily create tutorials. It's available as a free addon.

The new audits addon can help you identify problems with your website's content. Broken links, missing titles, and descriptions are highlighted so you can fix them easily. It's available for free for Bear CMS Pro websites.

We've announced the third client package you can use to run the Bear CMS tools. We've called it Universal and it's perfect for developers that want full control of the website's output code and development workflow but still want to add content editing functionality.

The Visitor stats addon has a new interface and now displays information for a longer period.
Universal - a new client package for Bear CMS
We are happy to announce a brand new way to use Bear CMS's tools for your website. Let's first talk about the current options, so there is a better understanding of the differences.

The Standalone package provides an easy way to create a website using Bear CMS. You just need to upload the installer on your server and run it. A default theme is provided that can be customized or changed and a rich addons library is available. Automatic updates are enabled too. It's recommended when building client websites.

The Bear Framework addon is the package you can use when your website is based on Bear Framework. It's recommended for developers and the addons are added using Composer.

And now ...

The Universal package provides an easy way to integrate Bear CMS into any website. It's perfect if you have an HTML template and want to make some parts editable by the administrators. All you have to do is add a couple of lines of PHP code and mark the content elements that can be modified.

The new package can be installed through Composer or downloaded as a ZIP or PHAR. More details are available in the GitHub repository.
New addon: Audits
Bear CMS Blog
A brand new tool is available for free for your Bear CMS Pro websites, that enable you to run an audit and identify problems. In just a couple of minutes (or more if your website has a lot of pages), you will be provided with a list of pages with missing titles and descriptions and broken links.

Addon description:
Run a series of checks to identify problems with your website (missing titles and descriptions, broken links, etc.). Check if your website is accessible by search engines.

You can install the audits addon for free (Bear CMS Pro required) from your website's administrators menu.
New addon: Source code element
Bear CMS Blog
Great news for developers that like to share their code and create tutorials. Now you can easily publish just a line or the source code of a whole program using the new "Source code" element. All you have to do is paste the code and select its language. It will be colored automatically for a nice presentation.

Addon description:
This element adds support for displaying a program's source code beautifully (and colorfully). The currently supported languages include HTML, CSS, JavaScript, JSON, XML, Java, Perl, PHP, Python, Swift and many more.

You can install the source code element for free from your website's administrators menu.