?
Solved

Is there a responsive rich text editor?

Posted on 2013-12-22
10
Medium Priority
?
347 Views
Last Modified: 2013-12-28
Hi,

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

Any suggestions ?
0
Comment
Question by:darroosh
  • 3
  • 3
  • 2
  • +2
10 Comments
 
LVL 25

Expert Comment

by:Tony Giangreco
ID: 39734647
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.

http://www.ultraedit.com/
0
 

Author Comment

by:darroosh
ID: 39734682
This is a desktop version..
I need a webbased responsive Rich text editor that can be implemented inside HTML pages..
0
 
LVL 25

Expert Comment

by:Tony Giangreco
ID: 39734692
Take a look at this

http://ckeditor.com/
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Author Comment

by:darroosh
ID: 39734696
It is not responsive ....
0
 
LVL 25

Expert Comment

by:Tony Giangreco
ID: 39734702
sorry... good luck
0
 
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39735351
> Take a look at this http://ckeditor.com/
>> It is not responsive ....

You can set the width http://docs.ckeditor.com/#!/guide/dev_howtos_interface-section-2
editor.resize( '100%', '350' );
0
 
LVL 111

Expert Comment

by:Ray Paseur
ID: 39736209
IIRC CKEditor is the thing that powers WordPress.  You can't get much more mainstream than that.
0
 

Author Comment

by:darroosh
ID: 39739011
Thank you padas.
But I don't know where to write "editor.resize( '100%', '350' );"
Can you please tell me ?
0
 
LVL 54

Accepted Solution

by:
Scott Fell,  EE MVE earned 2000 total points
ID: 39739018
I found a jsbin with ckeditor and updated it.  Notice I commented out the width and replaced with 100%  http://jsbin.com/utupol/2/edit?html,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'],
    ['FontSize'],
    ['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

0
 
LVL 3

Expert Comment

by:teodor birca
ID: 39739104
i used with success this one: http://www.responsivefilemanager.com/ with TinyMCE
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

862 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question