116

Product support

Get help in the plugin support forum.

  • Added on Apr 3, 2017
  • Current version: 1.0.6
  • Platform Compatibility
    v3.x not tested
    v2.x not tested
    v1.x use latest
  • Created by
  • Public repository

Categories

Super awesome content editor from front-end.

Please donate and make a good review!

Dependencies

  • FontAwesome for show all the icons, next build will replace the icons

Features

  • Edit content files with Froala Editor
  • Multilingual support (Rainlab Translate needed)
  • Image upload to MediaLibrary
  • Advanced image editor
  • Autocreate file if not exists
  • Auto Fonts discovery
  • Emoticons
  • Add style class for selected element
  • Drag & Drop Blocks of static code
  • Preview and Edit from BackEnd CMS editor
  • Responsive Preview Controls/Fullscreen from BackEnd CMS Editor

Coming Soon

  • RainLab Pages frontend editor & creator
  • RainLab Blog frontend editor & creator
  • NetSTI Articles frontend editor & creator
  • Blocks delete/internal templating/properties

Inspired by Content Editor plugin and using Froala WYSIWYG HTML Editor https://www.froala.com/wysiwyg-editor.

Froala Editor

How to use it? It's simple.

  • Drop the Content Editor component to a CMS page or add a global component in your template.
  • Check if you have {% framework %} and {% scripts %} inside layout for working ajax requests
  • Use this code in your page code and link the editor to a content file or set name to autocreate new file
{% component 'editor' file="filename_in_content.htm" %}

You can create Blocks of static code

Create a new folder blocks in the root of your theme and create .htm files like this example:

title = "Jumbotron"
description = "Boostrap 3 Block"
image = "assets/images/bootstrap.png" or icon="star" 
==
<div class="jumbotron">
    <div class="container">
        <h1>Hello, world!</h1>
        <p>Contents ...</p>
        <p>
            <a class="btn btn-primary btn-lg">Learn more</a>
        </p>
    </div>
</div>
  • Found the plugin not useful on 1 Jan, 2018

    Can someone please explain to me with an example where to put this plugin into a theme?

  • Found the plugin useful on 8 Nov, 2017

    Love this plugin! Easy to use! Can't wait for it to work with Rainlab.Page! :)

  • author

    Replied on 8 Nov, 2017

    ;) i can add support to RainLab.Pages with a donation

  • Found the plugin useful on 2 May, 2017

    Awesome adaptation of Samuell.ContentEditor (and it's hilarious how they're complaining). Still comes with some minor issues (if you have editable content elements within a partial that you're including in a page, things get messy just like with the former plugin), but nothing that can't be worked around. I like the design as well as the addition of the CMS editor.

  • Found the plugin useful on 13 Apr, 2017

    Plugin works like a charm thanks netsi

  • Found the plugin useful on 11 Apr, 2017

    Hi, can not understand how this works?

  • author

    Replied on 11 Apr, 2017

    Okay, I'm going to make a video explaining everything, I'll let you know when the video is ready.

  • Found the plugin useful on 6 Apr, 2017

    I love the blocks static code! I hope you continue work on it.

  • Found the plugin useful on 4 Apr, 2017

    Awesome stuff! Needs some fixing/work but has great potential. Love it!

  • Found the plugin useful on 3 Apr, 2017

    Easy to edit the content of all my projects.

1.0.6

Color font on edit and image upload bug fixed

Apr 20, 2017

1.0.5

NetSTI.Blog frontend editable option

Apr 17, 2017

1.0.4

Fixed re-declarated function and Add FontAwesome dependency

Apr 05, 2017

1.0.3

Visual Fix, Add data-template-append & data-template-prepend attributes in blocks

Apr 05, 2017

1.0.2

Froala Licence fix, use the same October CMS Licence, Fix Image Editor Toolbar Buttons

Apr 03, 2017

1.0.1

First version of Editor

Mar 31, 2017