Coder Social home page Coder Social logo

Comments (6)

wbraswell avatar wbraswell commented on May 27, 2024

Here's a screenshot of how my custom toolbar looked in the old CKEditor and the old config file I used to create it:

https://github.com/wbraswell/shacfleet.org/blob/efa15d9fb77da1aadcc4db98698c32597d0ed669/modified/config.js.old

wbraswell_20141002-ckeditor_toolbar_old_config

Although the skin or visual theme of CKEditor has been updated in the newer version, I should still be able to achieve the order of toolbar icons as shown in the old version screenshot. But I'm stuck until I can figure out how to access all the tools.

from shinycms.

wbraswell avatar wbraswell commented on May 27, 2024

Here's a screenshot using the old CKEditor config file in the new CKEditor. I am missing several tools, including:

  1. Text alignment (left, center, right, justify)
  2. Text size
  3. Text color
  4. Spell-check

wbraswell_20141002-ckeditor_new_toolbar_old_config

I know we can get spell-check turned back on, because it is shown in the screenshots where I tried to turn on all tools. However, I have no idea how to turn on text size, text color, or text alignment.

from shinycms.

denny avatar denny commented on May 27, 2024

You can't use the old config.js with the new CKEditor, they changed the file format. Take a look inside the new one and edit it appropriately. I left all of the default toolbar options in, I just commented out the ones I didn't want turned on by default, or used the 'remove button' feature to turn off some individual buttons, and then moved what was left onto a single row.

Looking at your screenshot of the old editor with your custom config, the new editor version already has all of those features turned on by default (including spellcheck) except for left/right/justify, font colour, and font size - which I have to admit I didn't see in the default toolbars when I installed it. Take a look at the CKEditor documentation and see whether they're available with a config file edit, or whether you need to install extra plugins. By default you have the 'standard' set of plugins available now (not the 'full' set), which I'm sure should include those features.

from shinycms.

wbraswell avatar wbraswell commented on May 27, 2024

Actually my old config file still works fine, except for the missing tools in the toolbar.

BUT you're right about the one main thing, the missing tools seems to be caused by using CKEditor "Standard Package" instead of "Full Package":
http://ckeditor.com/download

Please download CKEditor Full Package and update the code on github, then it should (in theory) automatically fix itself on my end.

from shinycms.

denny avatar denny commented on May 27, 2024

Okay, that's the full package in, reconfigured to only show the basic button set that I had before - but it should be easier for you to invoke the other plugins now just from the config.fs, without needing to install anything.

from shinycms.

wbraswell avatar wbraswell commented on May 27, 2024

Broken, will open new issue.

from shinycms.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.