asked on 2/9/2016

Custom ckeditor using builder

Hi,
I tried using ckeditor builder from here :
http://ckeditor.com/builder
but I am unable to make it the way i want...
Here is a snapshot of what toolbar features i need :

there seems to be too many confusing plugins on their side...
Any help in selecting the right plugins that works...
I tried making a custom build on this... and when i used it... things appeared in a strange way.
I need the minimum configuration so that it appears like the above.

Thanks

JavaScript Editors IDEs

Last Comment

Rohit Bajaj

2/13/2016

ASKER CERTIFIED SOLUTION

Pravin Asar

2/9/2016

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

Pravin Asar

2/9/2016

Here is a sample editor using the above config file.
Replace the appropriate path for ckeditor library

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>A Simple Page with CKEditor</title>

<script src="./ckeditor/ckeditor.js"></script>
<script src="./ckeditor/config.js"></script>
</head>
<body>
<form>
<textarea name="editor1" id="editor1" rows="10" cols="80">
This is my textarea to be replaced with CKEditor.
</textarea>
<script>
// Replace the <textarea id="editor1"> with a CKEditor
// instance, using default configuration.
CKEDITOR.replace( 'editor1' );
</script>
</form>
</body>
</html>

Rohit Bajaj

2/10/2016

ASKER

Hi,
The above doesnt work if i use cutomize editor : http://ckeditor.com/builder
I want to download a barebones editor without any plugins buttons etc... and then
add all the above buttons i showed you...
If i just download the basic editor then the underline button doesnt appear...

The reason for doing this is... full editor size is almost 3 times the basic one...

Is it possible to download a bare bones thing without anything and then custom add it..
Or if not... download the basic one and add the above buttons like font, size and underline in it ?

Pravin Asar

2/10/2016

You need to use standard editor as starting point.

Rohit Bajaj

2/10/2016

ASKER

Why is that... Wont that be too large compared to what i need ?

Pravin Asar

2/10/2016

What are worried about. Based on the config, appropriate plugins are loaded.

Do you have any constraint on the disk space on server?

Rohit Bajaj

2/10/2016

ASKER

no space constraint. but if say i use full or standard there js and css files are large making page slow to load...
as it will require network call to fetch

Pravin Asar

2/11/2016

Plugins code is loaded based on the config file settings. So that loading speed would not be constraint

You want to test, use Google Chrome Debugger (look at the "Network" and "Timeline" tabs).

Rohit Bajaj

2/13/2016

ASKER

Hi,
One thing that i saw on ckeditor builder... is when i download the optimized file i see the size of ckeditor.js is around 500KB.
But when i download the source one the size is 3 KB !!! ??
How is that...ideally the optimized one should have less size...

Rohit Bajaj

2/13/2016

ASKER

Also i am getting the following error when i include the ckeditor custom build :

Any idea why this could be happening..
ckeditor was working perfectly before when i downloaded the full thing.. I downloaded the standard optimized build with minimalist skin.. and its not loading... getting the above error ?

Thanks