#26
  • 20 ratings
  • 18 reviews
  • 370 projects
Free
Add to project

Product support

Visit this product's website for support.

Categories

  • Developer Tools
  • Miscellaneous
  • Utility

Edit content from front-end.

How to use it? It's simple.

  • Drop the Content Editor component to a CMS page.
  • Check if you have {% framework %} and {% scripts %} inside layout for working ajax requests and {% styles %} for additional css
  • Use this code in your page code and link the editor to a content file or set name to autocreate new file

Simple example:

{% component 'contenteditor' file="filename_in_content.htm" %}
Properties
  • file - Content block filename to edit, optional. If doesnt exists it will autocreate
  • fixture - Fixed name for content block, useful for inline texts (headers, spans...)
  • tools - List of enabled tools, comma separated (for all use *)
  • class - Class for element, mostly useful for fixtures

Example:

{% component 'contenteditor' file="filename_in_content.htm" fixture="h3" tools="bold,italic" class="my-class" %}
Tools list
  • bold => Bold (b)
  • italic => Italic (i)
  • link => Link (a)
  • align-left => Align left
  • align-center => Align center
  • align-right => Align right
  • heading => Heading (h1)
  • subheading => Subheading (h2)
  • subheading3 => Subheading3 (h3)
  • subheading4 => Subheading4 (h4)
  • subheading5 => Subheading5 (h5)
  • paragraph => Paragraph (p)
  • unordered-list => Unordered list (ul)
  • ordered-list => Ordered list (ol)
  • table => Table
  • indent => Indent
  • unindent => Unindent
  • line-break => Line-break (br)
  • image => Image upload
  • video => Video
  • preformatted => Preformatted (pre)

Features

  • Edit content files
  • Multilingual support (Rainlab Translate needed)
  • Image upload to MediaLibrary (v1.0.3)
  • Settings in backend (v1.0.3)
  • Autocreate file if not exists (v1.0.3)

If you found issue or have idea for new feature post it here.

Inspired by Editable plugin and using Content tools editor.

The following themes use this plugin:

How to use it? It's simple.

  • Drop the Content Editor component to a CMS page.
  • Check if you have {% framework %} and {% scripts %} inside layout for working ajax requests and {% styles %} for additional css
  • Use this code in your page code and link the editor to a content file or set name to autocreate new file

Simple example:

{% component 'contenteditor' file="filename_in_content.htm" %}
Properties
  • file - Content block filename to edit, optional. If doesnt exists it will autocreate
  • fixture - Fixed name for content block, useful for inline texts (headers, spans...)
  • tools - List of enabled tools, comma separated (for all use *)
  • class - Class for element, mostly useful for fixtures

Example:

{% component 'contenteditor' file="filename_in_content.htm" fixture="h3" tools="bold,italic" class="my-class" %}
Tools list
  • bold => Bold (b)
  • italic => Italic (i)
  • link => Link (a)
  • align-left => Align left
  • align-center => Align center
  • align-right => Align right
  • heading => Heading (h1)
  • subheading => Subheading (h2)
  • subheading3 => Subheading3 (h3)
  • subheading4 => Subheading4 (h4)
  • subheading5 => Subheading5 (h5)
  • paragraph => Paragraph (p)
  • unordered-list => Unordered list (ul)
  • ordered-list => Ordered list (ol)
  • table => Table
  • indent => Indent
  • unindent => Unindent
  • line-break => Line-break (br)
  • image => Image upload
  • video => Video
  • preformatted => Preformatted (pre)

Permissions

  • Front-end editor buttons shows only if you have cms content permissions

  • Found the plugin useful on 25 Apr, 2018

    Looks like it could work well but is unclear how to get this to actually work properly. I managed to get the content editor showing up on the page but whenever I clicked the green 'tick' button to confirm an edit it would hang on the spinning grey cog and never save. It would be great if there was a short video demonstrating what to do - from installing to making some edits and saving.

  • author

    Replied on 16 May, 2018

    Hey, this can be because something is missing or is a bug. Can you check browser console for errors? If you find any issue, bug you can report issue at github repository.

  • Found the plugin useful on 18 Mar, 2018

    The plugin does not save any changes. Each time stops at the icon and no result. Everything was done according to the documentation. {% component 'contenteditor' file="text.htm" %} {% framework%} {% scripts %} {% styles %} How can I contact you to solve the problem?

  • author

    Replied on 16 May, 2018

    Hey, do you have included jQuery too? Please look in browser console if you get any errors.

  • Found the plugin useful on 5 Feb, 2018

    Having issues when trying to save changes made. The cog icon just keeps spinning. Any reason why this happens?

  • author

    Replied on 5 Feb, 2018

    Hey, thanks for review! Check console for errors, maybe you missing some scripts.

  • Found the plugin useful on 30 Jan, 2018

    Nice Plugin but image upload not working. I am using version 1.0.9

  • Found the plugin useful on 13 Oct, 2017

    hello :) I cant seem to insert this plugin into a page, I installed it and added {% component 'contenteditor' file="filename_in_content.htm" %} on my cms Page but the edit buttons are not showing up in the page. This is not working for any user, I tried adding a new user group with all roles set but still nothing.. any help is appreciated...

  • author

    Replied on 6 Nov, 2017

    Hey, dont forget to add {% framework %}, {% scripts %} and {% styles %} to your layout

  • Found the plugin useful on 21 Aug, 2017

    Quick Question!

    How I can, I use inside link Twig syntax Like this {{ 'about-us'|page }} Any help would be appreciated

    Here is my result https://pasteboard.co/GGHGNmT.png

  • author

    Replied on 22 Aug, 2017

    Hey, thanks for review! I think you can use it like you say and twig will parse that

  • Found the plugin useful on 9 Aug, 2017

    I need help on inserting the images, it keeps showing error, a big 'X' symbol is showing once i clicked the image that i want to insert in the page

  • author

    Replied on 11 Aug, 2017

    Hey, can you please fill issue?

  • Found the plugin useful on 25 Jul, 2017

    Awesome plugin that makes editing very simple. Also handles existing custom formatting very well

  • Found the plugin useful on 29 Jun, 2017

    Excellent plugin.

  • Found the plugin useful on 12 Jun, 2017

    Great plugin! But I got a problem. When entering edit mode on front-end I see only short version of edit tools with only undo-redo and trash buttons. Whole tools appear only when I make cursor focused on some paragraph element. But it doesn't help when I focus on a table. So if there is only table in current page I can't see full tools list. http://prntscr.com/fiyl5f

  • author

    Replied on 12 Jun, 2017

    Hey, thanks for review! Can you please create issue here (https://github.com/Samuell1/contenteditor/issues) with more informations (used code, version of octoberCMS...)?

  • Found the plugin useful on 5 Jun, 2017

    Hey Samuell! Thank you very much for this great plugin! Saved me a lot of timeI A really great plugin, fast communication and valuable advice from the creator. Thank you very much agan!

  • Found the plugin useful on 22 Feb, 2017

    I love this plugin, but I'm having some trouble using it with the Multi template (https://octobercms.com/theme/jtherczeg-multi). That template has the relevant "page" info on the layout/defaults.htm file instead of the pages/home.htm file, and uses Partial files along with Content files (instead of just Content files). Is there a way to use this plugin with the Multi template (replace Partials AND Content with the Component tag, not just Content), or would I have to rearrange/restructure the Multi template (so it's more similar to the demo template) to get it to work? Thanks in advance.

  • Found the plugin useful on 10 Nov, 2016

    Hey Samuell! Thank you very much for this great plugin! I see that you just released v1.0.3 and that you added code for auto creating a content file if it does not exist. Is it also possible to create a localized file? For example I create the website in english (default language) and create a content file called intro.htm. Let's say that I add german as second language later on. Does the plugin already provide the possibility to auto-create a localized content file for the active locale or can it be implemented easily? Any help is appreciated.

    Thank you

  • author

    Replied on 10 Nov, 2016

    Thanks! Yes plugin supports rainlab translate plugin. If you switch to other language and save, then new file will be created intro.en.htm

  • Found the plugin useful on 9 Oct, 2016

    Great alternative to the editable plugin. However, I can't make image upload to work (I see the popup, but when I choose an image in my hard drive, the upload don't work).

    Hope to see the 1.3 soon as announced features are really exciting.

  • author

    Replied on 9 Oct, 2016

    Thanks! Upload work only in +1.0.3 version. You can download it and try it!

  • Found the plugin useful on 5 Oct, 2016

    Nice plugin. but for now it is only usable for simple texts. if there exist a few <divs> in the html markup then you cant edit this part of content. (ex. a simple bootstrap row & col div)

  • Found the plugin useful on 12 Aug, 2016

    I love this plugin. Is it still under development? I'm waiting for v1.3 features ;)

  • author

    Replied on 12 Aug, 2016

    Yes :)

  • Found the plugin useful on 5 May, 2016

    Very cool replacement for Editable plugin. Nice UX.

  • Found the plugin useful on 27 Apr, 2016

    Nice work!

  • Please login to rate the plugin or write a review.
1.2.1

Fix render __SELF__.class in component partials

Jul 06, 2018
1.2.0

Support classes for fixture

Jul 05, 2018
1.1.0

Fix SELF prefix for fixtures

Feb 06, 2018
1.0.9

Fix missing fixture in render component

Dec 04, 2017
1.0.8

Fix BackendAuth issue for build 420

Dec 04, 2017
1.0.7

Added additional styles

Sep 03, 2017
1.0.6

Fix for autocreating files for translation

Apr 18, 2017
1.0.5

Added fixture option

Apr 16, 2017
1.0.4

Enabled taglist input for selecting tags

Dec 20, 2016
1.0.3

Image upload to MediaLibrary

Nov 10, 2016
1.0.2

Support for translate plugin

May 01, 2016
1.0.1

First version of ContentEditor

Apr 24, 2016