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 leftalign-center
=> Align centeralign-right
=> Align rightheading
=> 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
=> Tableindent
=> Indentunindent
=> Unindentline-break
=> Line-break (br)image
=> Image uploadvideo
=> Videopreformatted
=> 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 plugin extends or depends on the plugin
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 leftalign-center
=> Align centeralign-right
=> Align rightheading
=> 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
=> Tableindent
=> Indentunindent
=> Unindentline-break
=> Line-break (br)image
=> Image uploadvideo
=> Videopreformatted
=> Preformatted (pre)
Permissions
- Front-end editor buttons shows only if you have cms content permissions
-
Jakub Bebjak
Found the plugin useful on 30 Aug, 2018
Very useful & user-friendly!
-
Stanislav Zelenkin
Found the plugin useful on 31 Jul, 2018
Love plugin! It's very useful! Could you please check my issue? - https://github.com/Samuell1/contenteditor/issues/64
Can't get it work inside partials, but it works fine if I put component in page or layout.
-
Cameron Sexton
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.
-
Samuell 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.
-
Roman Butvinskiy
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?
-
Samuell author
Replied on 16 May, 2018
Hey, do you have included jQuery too? Please look in browser console if you get any errors.
-
jason reid
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?
-
Samuell author
Replied on 5 Feb, 2018
Hey, thanks for review! Check console for errors, maybe you missing some scripts.
-
Sanish Maharjan
Found the plugin useful on 30 Jan, 2018
Nice Plugin but image upload not working. I am using version 1.0.9
-
klajdi paja
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...
-
Samuell author
Replied on 6 Nov, 2017
Hey, dont forget to add
{% framework %}
,{% scripts %}
and{% styles %}
to your layout -
Rolands Zeltins
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
-
Samuell author
Replied on 22 Aug, 2017
Hey, thanks for review! I think you can use it like you say and twig will parse that
-
Jay-O Victoriano
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
-
Samuell author
Replied on 11 Aug, 2017
Hey, can you please fill issue?
-
Nick Humphries
Found the plugin useful on 25 Jul, 2017
Awesome plugin that makes editing very simple. Also handles existing custom formatting very well
-
Keios
Found the plugin useful on 29 Jun, 2017
Excellent plugin.
-
Art
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
-
Samuell 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...)?
-
Matej Benko
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!
-
Michael Holdren
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.
-
Vianney
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
-
Samuell 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
-
Alexandre
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.
-
Samuell author
Replied on 9 Oct, 2016
Thanks! Upload work only in +1.0.3 version. You can download it and try it!
-
Alpen.Space
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)
-
Wojciech Krakowiak
Found the plugin useful on 12 Aug, 2016
I love this plugin. Is it still under development? I'm waiting for v1.3 features ;)
-
Samuell author
Replied on 12 Aug, 2016
Yes :)
-
amdad
Found the plugin useful on 5 May, 2016
Very cool replacement for Editable plugin. Nice UX.
-
Matheus Rocha
Found the plugin useful on 27 Apr, 2016
Nice work!
-
1.2.3 |
Load default file if language file does not exists Oct 05, 2018 |
---|---|
1.2.2 |
Handle various storage paths for images Oct 05, 2018 |
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 |