The configuration file of the Kendo editor is not created during installation and you have to create it manually.
Place the Kendo editor configuration file, config.json, in your project’s ~\AdminApp folder. The structure of the file consists of one valid property – editorSettings.
config.json
~\AdminApp
editorSettings
The editor has the following default settings:
NOTE: When making changes to the Kendo editor configuration, you must restart your application for the changes to take effect. For more information see Application restart.
For more information about all supported settings, see Kendo UI for jQuery documentation » kendo.ui.Editor.
You can include custom stylesheets in the editing area using the stylesheets configuration in config.json. We recommend including only specific stylesheets, rather than the whole styles of the project. For example, you can include only styles related to headings or lists. To apply the styles only to the content editing area, you must add a specific selector to your CSS rules. In this case, the selector must be .sf-editor
.sf-editor
Your project’s ~\AdminApp folder is consider root folder and all relative stylesheets must be addressed by it. For example, if you have file named heading.css that is located inside folder ~\AdminApp\assests\, you must add the file in the config.json in the following way: assets/headings.css
heading.css
~\AdminApp\assests\
assets/headings.css
You can also include stylesheets using the absolute path.
You can include CSS files from a package, which your project is based on.
If your project is based on Bootstrap 4 or Minimal resource packages, you can take advantage of the provided npm script for compiling SASS file to one minified CSS file.
npm
SASS
CSS
Perform the following:
@import
editor.scss
~\ResourcePackages\Bootstrap4\assets\src\project\sass\adminapp
editorSassFile
package.json
npm run sass:editor
~\ResourcePackages\Bootstrap4\
editor.min.css
~\ResourcePackages\Bootstrap4\assets\dist\css\
Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.
This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.
This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.
The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important