![]() The plugin must have the exact internal name (folder name) as the button in the settings screen. There are a few things you need to pay attention to when downloading a plugin: There are 3 things we need to do to add a plugin:Įven if you see a plugin / button as an option for the “Custom Toolbars”, that does not mean the plugins Javascript comes with DNN. Example: add oembed pluginĪs an example, we’ll add the oEmbed plugin, which allows easy embedding of for instance YouTube Videos When you choose to save the configuration for “page” or “module”, the same xml is saved in the PageSettings or the ModuleSettings in the DNN Database, but for simplicity, I’ll stick to the “Site” option in my example.Įssentially you are editing these xml files when you change the Editor settings and those are passed to the editor when it’s loaded. When you save settings for a Site, your settings are stored in the XML files mentioned above. ![]() The Settings screen has 3 options: Modify Settings for "Site", "Page" and "Module". There are three XML files in the root of the portal that are related to the settings.ĭnn.CKEditorSettings.xml = Editor settingsĭnn.CKToolbarButtons.xml = Available Icons for Toolbars This is the window that opens when you click the link below the Editor. The same principle applies to adding a plugin in the DNN CKEditor.Īs most editor settings are exposed in the “CKEditor Provider Settings” window, this is also where to add a plugin. In DNN the plugins folder is currently located here: “\Providers\HtmlEditorProviders\DNNConnect.CKE\js\ckeditor\4.15.1\plugins” ![]() The documentation for this principle can be found here: If plugin folder does not exist, the plugin will not show up in the DNN Editor. This folder contains the files that are needed for the functionality of the plugin. In CKEditor a toolbar icon is essentially just the access to a plugin, which defines the functionality.Įvery plugin consists of a folder with the name of the plugin file inside the plugins folder. As is mostly the case, with flexibility comes complexity. And as almost everything in CKEditor can be configured, the option screen looks quite complex especially the “Editor Config” tab. It has to be configured in a certain way and the interface in DNN (when you click the “ Custom Editor Options” link) exposes most of these settings. CKEditor is an open-source editor that is used by many CMS systems and website builders. Due to the nature of CkEditor and how it’s configured, adding icons (plugins) to your CKEditor in DNN can be confusing.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |