Is there a responsive rich text editor?


I need a responsive rich text editor that is suitable for mobiles , tablets , laptops and large PCs..

Any suggestions ?
Who is Participating?
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
I found a jsbin with ckeditor and updated it.  Notice I commented out the width and replaced with 100%,js,output

CKEDITOR.stylesSet.add( 'my_styles',
    // Block-level styles
    { name : 'Blue Title', element : 'h2', styles : { 'color' : 'Blue' } },
    { name : 'Red Title' , element : 'h3', styles : { 'color' : 'Red' } },
    // Inline styles
    { name : 'CSS Style', element : 'span', attributes : { 'class' : 'my_style' } },
    { name : 'Marker: Yellow', element : 'span', styles : { 'background-color' : 'Yellow' } }

CKEDITOR.replace('ShortDesc', {
  //width: '400px',
  width: '100%',
  height: '200px',
  stylesSet: 'my_styles',
  toolbar: [
    ['Source', '-', 'Save', 'Preview'],
    ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord'],
    ['SpecialChar', 'Styles'],
    ['Bold', 'Italic', 'Underline', 'Strike'],
    ['NumberedList', 'BulletedList'],
    ['TextColor', 'BGColor'],
    ['Link', 'Unlink', 'Anchor']
      on: {
        instanceReady: function (ev) {
        this.dataProcessor.writer.setRules('p', {
        indent: false,
        breakBeforeOpen: true,
        breakAfterOpen: false,
        breakBeforeClose: false,
        breakAfterClose: true

Open in new window

Tony GiangrecoCommented:
We've used Ultra Edit for years.  It has great features, the support is the best i've ever seen and it just works perfect without any problems.
darrooshAuthor Commented:
This is a desktop version..
I need a webbased responsive Rich text editor that can be implemented inside HTML pages..
The new generation of project management tools

With’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Tony GiangrecoCommented:
Take a look at this
darrooshAuthor Commented:
It is not responsive ....
Tony GiangrecoCommented:
sorry... good luck
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
> Take a look at this
>> It is not responsive ....

You can set the width!/guide/dev_howtos_interface-section-2
editor.resize( '100%', '350' );
Ray PaseurCommented:
IIRC CKEditor is the thing that powers WordPress.  You can't get much more mainstream than that.
darrooshAuthor Commented:
Thank you padas.
But I don't know where to write "editor.resize( '100%', '350' );"
Can you please tell me ?
teodor bircaCommented:
i used with success this one: with TinyMCE
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.