elRTE - Really cool Rich-Text-Editor for jQuery UI (cooler than TinyMCE)
Permalink
I love concrete5 and I only like TinyMCE. This new WYSIWYG editor looks really cool and since it uses jquery ui I thought I should post this as a block request since it would make c5 even cooler!
Check out the demo, anyone familiar with TinyMCE should be excited.
http://elrte.org/demo
elRTE is an open-source WYSIWYG HTML-editor written in JavaScript using jQuery UI. It features rich text editing, options for changing its appearance, style and many more. You can use it in any commercial or non-commercial projects.
Main goal of the editor - simplify work with text and formating (HTML) on sites, blogs, forums and other online services. elRTE is developed by Studio 42 team for ELDORADO.CMS.
Usage
* Rich text editing, change its appearance and style
* Insert and manage various HTML elements with formatting (images, tables, lists and etc.)
* View and edit HTML-code
Features
* Advanced work with CSS
o Setting indentation (margins, paddings) for images and table cells (seperate for each direction)
o Controlling border properties (width, style, color) with convenient dialogs
o Writing element properties as CSS-style always when possible
* Lightweight, fast and easy to integrate
* Interface appearance is configured from one CSS file
* No templates used
* i18n. The editor can be easily localized into any language
* Designed to work with elFinder file manager, but can also be used with any other
* Flexible for extensions
*NOTE: the elFinder file manager is really cool too (c5's is pretty sweet as well) but I thought I should point out the elFinder file manager lets you create files and edit them which I think would be a fantastic addition. The demo for the file manager is here:http://elrte.org/elfinder
Translations
* Arabic
* Chinese (traditional)
* Czech
* Dutch
* English
* French
* German
* Hungarian
* Japanese
* Italian
* Latvian
* Persian
* Polish
* Spanish
* Russian
* Ukranian
Requirements
* Modern browser. elRTE has been tested in Firefox 3.5+, Internet Explorer 7 & 8, Safari 4, Opera 10 and Chrome
License
elRTE is issued under a 3-clauses BSD license.
elRTE uses and comes with jQuery and jQuery-UI witch are issued under MIT and GPL licenses.
Check out the demo, anyone familiar with TinyMCE should be excited.
http://elrte.org/demo
elRTE is an open-source WYSIWYG HTML-editor written in JavaScript using jQuery UI. It features rich text editing, options for changing its appearance, style and many more. You can use it in any commercial or non-commercial projects.
Main goal of the editor - simplify work with text and formating (HTML) on sites, blogs, forums and other online services. elRTE is developed by Studio 42 team for ELDORADO.CMS.
Usage
* Rich text editing, change its appearance and style
* Insert and manage various HTML elements with formatting (images, tables, lists and etc.)
* View and edit HTML-code
Features
* Advanced work with CSS
o Setting indentation (margins, paddings) for images and table cells (seperate for each direction)
o Controlling border properties (width, style, color) with convenient dialogs
o Writing element properties as CSS-style always when possible
* Lightweight, fast and easy to integrate
* Interface appearance is configured from one CSS file
* No templates used
* i18n. The editor can be easily localized into any language
* Designed to work with elFinder file manager, but can also be used with any other
* Flexible for extensions
*NOTE: the elFinder file manager is really cool too (c5's is pretty sweet as well) but I thought I should point out the elFinder file manager lets you create files and edit them which I think would be a fantastic addition. The demo for the file manager is here:http://elrte.org/elfinder
Translations
* Arabic
* Chinese (traditional)
* Czech
* Dutch
* English
* French
* German
* Hungarian
* Japanese
* Italian
* Latvian
* Persian
* Polish
* Spanish
* Russian
* Ukranian
Requirements
* Modern browser. elRTE has been tested in Firefox 3.5+, Internet Explorer 7 & 8, Safari 4, Opera 10 and Chrome
License
elRTE is issued under a 3-clauses BSD license.
elRTE uses and comes with jQuery and jQuery-UI witch are issued under MIT and GPL licenses.
elRTE is more functional... and the functions that it shares with TinyMCE it does better at.
For example, elRTE is better than TinyMCE in formatting the code, as in "auto-formatting" which I find to be particularly frustrating with TinyMCE ... look at the way elRTE highlights particular tags so that as an end user you don't have to switch over to HTML mode to see where the actually paragraph tags are or if there are extra "empty" p tags in the markup.
This is more about improving the clients experience... not giving them more control, however that is possible with this editor and is also possible with TinyMCE... I'm just (not) a fan of TinyMCE , not because of how it looks, but because of how it functions... I'm not that superficial :) haha but I am all about a good experience and that's more of a big picture thing ... good design is where form meets function. Plus elRTE uses jquery ui which is what c5 uses so why are we using TinyMCE ?????
For example, elRTE is better than TinyMCE in formatting the code, as in "auto-formatting" which I find to be particularly frustrating with TinyMCE ... look at the way elRTE highlights particular tags so that as an end user you don't have to switch over to HTML mode to see where the actually paragraph tags are or if there are extra "empty" p tags in the markup.
This is more about improving the clients experience... not giving them more control, however that is possible with this editor and is also possible with TinyMCE... I'm just (not) a fan of TinyMCE , not because of how it looks, but because of how it functions... I'm not that superficial :) haha but I am all about a good experience and that's more of a big picture thing ... good design is where form meets function. Plus elRTE uses jquery ui which is what c5 uses so why are we using TinyMCE ?????
Oh, I am that superficial, that's why I asked. I was excited to find out I could style tinymce with just a stylesheet. :-)
When I get better at coding I was planning to make a wysiwyg bbcode editor. I'm not sure how hard it would be to swap out the tinymce script with another script, because all they do is use a regular textarea or div.
I suppose the hardest part would be to make sure the c5 buttons still worked, but if they use their own js that should actually be really simple.
It would be great to have multiple options available in the marketplace though.
When I get better at coding I was planning to make a wysiwyg bbcode editor. I'm not sure how hard it would be to swap out the tinymce script with another script, because all they do is use a regular textarea or div.
I suppose the hardest part would be to make sure the c5 buttons still worked, but if they use their own js that should actually be really simple.
It would be great to have multiple options available in the marketplace though.
Hmmm...very interesting MrNiceGaius.
Unlike you I can't stand TinyMCE :). It's bloated and uneccessarily complicated to use for clients. I especially can't stand the HTML gibberish it produces. I like my HTML to be...well...readable LOL.
I've developed a block that uses CLEditor and was actually looking for additional editors to use in templates for this block (to allow for choosing a different editor as easily as one might chose a template) and found your thread here.
I'll look into adding eIRTE.
But am wondering...is the BSD license okay to use in an editor included in a C5 block?
Carlos
Unlike you I can't stand TinyMCE :). It's bloated and uneccessarily complicated to use for clients. I especially can't stand the HTML gibberish it produces. I like my HTML to be...well...readable LOL.
I've developed a block that uses CLEditor and was actually looking for additional editors to use in templates for this block (to allow for choosing a different editor as easily as one might chose a template) and found your thread here.
I'll look into adding eIRTE.
But am wondering...is the BSD license okay to use in an editor included in a C5 block?
Carlos
Hi Carlos, what's up :) I have no idea if the BSG, no wait that's Battle
Star Galactica, I mean BSD license is okay. I think they said on their site
that it was okay to use in commercial projects... I'm by no means a
licensing expert.
I am like you... I can't stand the crappy html produced by tinymce and it's
super hard to clean it up without flipping into HTML mode... which a client
should never have to do.
Thanks for your help!
Star Galactica, I mean BSD license is okay. I think they said on their site
that it was okay to use in commercial projects... I'm by no means a
licensing expert.
I am like you... I can't stand the crappy html produced by tinymce and it's
super hard to clean it up without flipping into HTML mode... which a client
should never have to do.
Thanks for your help!
I have not yet tried elrte but it looks a tad bit bloated for my purposes as in too big for a simple rich text editor for a block.
I could be wrong but I am putting it on the back burner for now.
Alas...the editor I thought was going to work and that I started using in a block, CLEditor isn't going to work for me. It's HTML code that it produces is...well...not so good.
All these editors produce HTML code that stinks!
Isn't there an editor somewhere that I can use in a control that will leave my HTML code ALONE?!
Without formatting it into near gibberish!
Ideally it would be nice to have an editor that will make things appear in the editor interface the way that the underlying HTML would appear on a browser but allow me to edit the HTML where the HTML is nicely formatted with spaces and all.
Carlos
I could be wrong but I am putting it on the back burner for now.
Alas...the editor I thought was going to work and that I started using in a block, CLEditor isn't going to work for me. It's HTML code that it produces is...well...not so good.
All these editors produce HTML code that stinks!
Isn't there an editor somewhere that I can use in a control that will leave my HTML code ALONE?!
Without formatting it into near gibberish!
Ideally it would be nice to have an editor that will make things appear in the editor interface the way that the underlying HTML would appear on a browser but allow me to edit the HTML where the HTML is nicely formatted with spaces and all.
Carlos
try nicedit
I agree that the current state of things is not so great, and I think the problem is that all editors follow the same paradigm without any innovation at all. It's all a bunch of copycatting out there. There are zero new interface ideas floating about. The only thing developers can think of is more and more and more buttons. There is no contextualization or flow.
Good luck finding a good editor. :-)
Good luck finding a good editor. :-)
<http://AOPhotoWebDesign.com>Ironically, Rich-Text-Editors write poor code
:)
:)
Did you know you can completely reskin tinyMCE with CSS in your theme? I will be working on a reskin that matches my website themes, as soon as I have finished my framework I am developing. Already I have removed the concrete5 logo with regular CSS as a preliminary experiment, by using CSS to override the default tinyMCE styles. I use CSSEdit to find all the classes (you should definitely check CSSEdit out, it is a lifesaver) I need to override.
I think it is possible to make a view template that adds complex bbcode parsing support, as well as overriding default css.
I'll have to make a tinyMCE theme set for the marketplace. :-)