JavaScript — я не вижу фрагмент кода в ckeditor (приложение Django)

я не вижу фрагмент кода в ckeditor (приложение django)

Я занимаюсь разработкой приложения django, которое привело меня к проблеме с текстовым редактором ckeditor. Я не вижу фрагмент кода

у меня есть этот конфиг в setting.py

  CKEDITOR_CONFIGS = { 'default': { 'skin': 'moono', # 'skin': 'office2013', 'toolbar_Basic': [ ['Source', '-', 'Bold', 'Italic'] ], 'toolbar_YourCustomToolbarConfig': [ {'name': 'document', 'items': ['Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates']}, {'name': 'clipboard', 'items': ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo']}, {'name': 'editing', 'items': ['Find', 'Replace', '-', 'SelectAll']}, {'name': 'forms', 'items': ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField']}, '/', {'name': 'basicstyles', 'items': ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat']}, {'name': 'paragraph', 'items': ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language']}, {'name': 'links', 'items': ['Link', 'Unlink', 'Anchor']}, {'name': 'insert', 'items': ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe', 'CodeSnippet']}, '/', {'name': 'styles', 'items': ['Styles', 'Format', 'Font', 'FontSize']}, {'name': 'colors', 'items': ['TextColor', 'BGColor']}, {'name': 'tools', 'items': ['Maximize', 'ShowBlocks']}, {'name': 'about', 'items': ['About']}, '/', # put this to force next toolbar on new line {'name': 'yourcustomtools', 'items': [ # put the name of your editor.ui.addButton here 'Preview', 'Maximize', ]}, ], 'toolbar': 'YourCustomToolbarConfig', # put selected toolbar config here # 'toolbarGroups': [{ 'name': 'document', 'groups': [ 'mode', 'document', 'doctools' ] }], # 'height': 291, # 'width': '100%', # 'filebrowserWindowHeight': 725, # 'filebrowserWindowWidth': 940, # 'toolbarCanCollapse': True, # 'mathJaxLib': '//cdn.mathjax.org/mathjax/2.2-latest/MathJax.js?config=TeX-AMS_HTML', 'tabSpaces': 4, 'extraPlugins': ','.join([ 'uploadimage', # the upload image feature # your extra plugins here 'div', 'autolink', 'autoembed', 'embedsemantic', 'autogrow', # 'devtools', 'widget', 'lineutils', 'clipboard', 'dialog', 'dialogui', 'elementspath' ]), }, # my costum tool bar i created 'special': { 'toolbar': 'Special', 'toolbar_special': [ ['codeSnippet', 'Youtube'], ], 'extraPlugins': ','.join(['codeSnippet', 'youtube']), } } 

config.js

 /** 

* @license Copyright (c) 2003-2018, CKSource — Фредерико Кнаббен. Все права защищены. * Для получения лицензии см. Https://ckeditor.com/legal/ckeditor-oss-license * /

  CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = 'fr'; // config.uiColor = '#AADC6E'; CKEDITOR.on('instanceReady', function (ev) { ev.editor.dataProcessor.htmlFilter.addRules( { elements : { img: function( el ) { // Add bootstrap "img-responsive" class to each inserted image el.addClass('img-fluid'); // Remove inline "height" and "width" styles and // replace them with their attribute counterparts. // This ensures that the 'img-responsive' class works var style = el.attributes.style; if (style) { // Get the width from the style. var match = /(?:^|s)widths*:s*(d )px/i.exec(style), width = match {amp}amp;{amp}amp; match[1]; // Get the height from the style. match = /(?:^|s)heights*:s*(d )px/i.exec(style); var height = match {amp}amp;{amp}amp; match[1]; // Replace the width if (width) { el.attributes.style = el.attributes.style.replace(/(?:^|s)widths*:s*(d )px;?/i, ''); el.attributes.width = width; } // Replace the height if (height) { el.attributes.style = el.attributes.style.replace(/(?:^|s)heights*:s*(d )px;?/i, ''); el.attributes.height = height; } } // Remove the style tag if it is empty if (!el.attributes.style) delete el.attributes.style; } } }); }); CKEDITOR.editorConfig = function (config) { ... // Default language direction config.contentsLangDirection = 'rtl'; ... }; }; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector