Question

129

CKEditor 4 - How to set default font?

rated 0 times [ 131] [ 2] / answers: 1 / hits: 16474 / 11 Years ago, thu, may 2, 2013, 12:00:00

I use CKEditor 4 and I want to set default font. I added font_defaultLabel with my font choice but it doesn't work ...

I found this solution on the Internet but it's a trick for me and not a true solution :

CKEDITOR.on( 'instanceReady', function( ev ) {

     ev.editor.setData('<span style=font-family:Arial, Verdana, sans-serif;>&shy;</span>');

});

Can someone help me?

EpokK

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kalias

Add To Favorites

Follow

Total Points: 79

Total Questions: 116

Total Answers: 116

Location: Malaysia

Member since Wed, May 11, 2022

2 Years ago

kalias questions

1 How can I use refresh token in react

Fri, May 27, 22, 00:00, 2 Years ago

1 can't resolve getaddrinfo EAI_AGAIN error

Thu, Jan 20, 22, 00:00, 2 Years ago

1 how to set an initial value on React.createRef() method?

Fri, Jul 30, 21, 00:00, 3 Years ago

1 React Native ref.injectJavascript on WebView always undefined

Wed, Sep 9, 20, 00:00, 4 Years ago

1 How to publish Electron app to the app store?

Sun, Aug 2, 20, 00:00, 4 Years ago

View All

answered 11 Years ago noe · Accepted Answer

you can use ckeditor's dataprocessor to modify (for example) paragraphs with your choice for font-size, font-family, this will affect any paragraph entered into ckeditor be it pasted, written or changed in the source; something like this:

CKEDITOR.on('instanceReady', function( ev ) {

  ev.editor.dataProcessor.htmlFilter.addRules({

    elements: {

      p: function (e) { e.attributes.style = 'font-size:' + fontsizevariable + 'px; font-family:' + fontfamilyvariable + ';'; }

    }

  });

});

same for dataProcessor.dataFilter

But if you intend to view html created outside of your environment, these rules might make it a real mess