Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Is there a responsive rich text editor?

Posted on 2013-12-22
10
Medium Priority
?
346 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

636 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