question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for extraPlugins | strinsert

See original GitHub issue

We are trying to implement a custom dropdown in the toolbar using the following addon. https://ckeditor.com/cke4/addon/strinsert

We can get it to work by adding declare var CKEDITOR: any

then configuring it with CKEDITOR.plugins.addExternal( 'strinsert', '/assets/ckeditor_plugin/', 'plugin.js' )

and then finally we can actually use it in the variable we bind to [config]

this.ckeConfig = { allowedContent: true, extraPlugins: 'strinsert', strinsert_strings: shortcodeList ] }

This has a problem though as we are combining approaches and feels like it will break as I would think this is not how this library was intended to be used.

What’s the way that ng2-ckeditor is designed to include plugins for ckeditor? Is the way above correct? If it is, testing becomes difficult as declare var CKEDITOR: any doesn’t exist when creating the component through karma and so tests related to the component the editor is included on will fail with

Failed: CKEDITOR is not defined ReferenceError: CKEDITOR is not defined

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:8

github_iconTop GitHub Comments

1reaction
kzimnycommented, Jun 18, 2018

Unfortunately, I can not help. No idea how to get karma work with global variable declaration. I leave the question open and hope someone else can help.

0reactions
kzimnycommented, Mar 11, 2020

if the icon is a part of the plugin you can not

Read more comments on GitHub >

github_iconTop Results From Across the Web

StrInsert - Custom Dropdown for CKEditor4 | CKEditor.com
Allows you to create a custom dropdown added to the ckeditor4 toolbar, which outputs a text string (or whatever needed) to the editor....
Read more >
How to add "strinsert" custom dropdown plugin to ckeditor4 ...
Inside "node-modules/ckeditor4-react/" folder I have created a folder with name "plugins" and placed "strinsert" folder inside this. Now my path ...
Read more >
Custom Dropdown in CKEditor 4 - Tizards Briefcase
I've created this plugin, you can download strInsert from the CKEditor plugins ... extraPlugins to register the plugin with ckeditor4.
Read more >
CK editor HTML table rendering issue - CodeProject
Hello , I am using CKEditor in ASP.Net application.I am working on a module where a popup will shown & will allow user...
Read more >
CKEditor configuration examples - Bloomreach
{ removePlugins: 'divarea', extraPlugins: 'wysiwygarea' }. Copy. This configuration will break the default styling of the HTML fields because the default ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found