Avatar of Rohit Bajaj
Rohit BajajFlag for India asked on

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 :
Screen-Shot-2016-02-09-at-8.46.14-PM.pngthere 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
JavaScriptEditors IDEs

Avatar of undefined
Last Comment
Rohit Bajaj

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Pravin Asar

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Pravin Asar

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>
    <!-- Make sure the path to CKEditor is correct. -->
    <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>
ASKER
Rohit Bajaj

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

You need to use standard editor as starting point.
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
ASKER
Rohit Bajaj

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

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

Do you have any constraint on the disk space on server?
ASKER
Rohit Bajaj

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
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
Pravin Asar

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).
ASKER
Rohit Bajaj

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...
ASKER
Rohit Bajaj

Also i am getting the following error when i include the ckeditor custom build :
Screen-Shot-2016-02-13-at-6.14.40-PM.pngAny 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
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck