Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

ckeditor - how to match the styles on your website within the editor

Posted on 2013-11-28
1
Medium Priority
?
335 Views
Last Modified: 2013-12-13
Hi,

i have an admin system integrating ckeditor. How do i configure it to match the styles used on my website?

Thanks
0
Comment
Question by:coolispaul
[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
1 Comment
 
LVL 18

Accepted Solution

by:
Matthew Kelly earned 2000 total points
ID: 39683891
So, I believe you mean making the rich text area that the admin's type text into match the theme of your site so it is a better What You See Is What You Get on the website editor, i.e. the font size, where it wraps, etc?

CCKEDITOR has a contentsCss you can set to a custom css file: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.contentsCss

Keep in mind you will likely have to make a special one just for ckeditor instead of just using your websites css file. That is because likely you are using classes such ".contentArea div" or something on your website and those classes won't exist in the editing page where ckeditor exists.
0

Featured Post

Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

Question has a verified solution.

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

Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

660 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