#30

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 *)

Example:

{% component 'contenteditor' file="filename_in_content.htm" fixture="h3" tools="bold,italic" %}
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)

List of planned features you can find 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 %} inside layout for working ajax requests
  • Use this code in your page code and link the editor to a content file.
{% 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 for selected content (for all use *)

Example:

{% component 'contenteditor' file="filename_in_content.htm" fixture="h3" tools="bold,italic" %}
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 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!

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