[SOLVED] Problem CKEditor Toolbar Full

[PriteshP23]

Hello,
I am new to OTRS. I am using OTRS 3.6 and CK Editor 4.3. There is a problem in Copy from word. Basically, i want to use CKEditor Toolbar_Full WITH bydefault SpellCheck on and Paste from Word. I think i have to modify var/httpd/htdocs/js/Core.UI.RichTextEditor.js file. Please let me know if i need to change other files.

How to make toolbar_Full from simple Toolbar in RichTextEditor.js file ?

THANKS in advanced for your input and time.

Code: Select all

Editor = CKEDITOR.replace(EditorID,
{
customConfig: '', // avoid loading external config files
defaultLanguage: UserLanguage,
language: UserLanguage,
removePlugins : 'elementspath,scayt,menubutton',
disableNativeSpellChecker: false,
extraPlugins: Core.Config.Get('RichText.SpellChecker') ? 'aspell' : ''
});

[jojo]

there is a sysconfig option to switch on some more CKEditor features. Not all features of the editor menue can be used in OTRS, thats why the full menu can not be used

[PriteshP23]

@jojo
I tried this. But not working
Thanks in advanced.

Code: Select all

            toolbar_Full: Core.Config.Get('RichText.ToolbarFull'),

[jojo]

switxh on Frontend::RichText::EnhancedMode via sysconfig

[PriteshP23]

It is already swithced ON. Yes, i agree that it enables los of option than simple toolbar but not all that i want in toolbar. Atleast, It is better than before.
I believe one need to make modifications in Core.UI.RichTextEditor.js file.
Thanks for reply.

[PriteshP23]

Its almost done but Spellcheck is working only with Ctrl, not by single click and icon is not displaying. Any idea ?

Code: Select all

// add code to this file: var/httpd/htdocs/js/Core.UI.RichTextEditor.js

toolbar_Full: Core.Config.Get('RichText.ToolbarFull'),
+ toolbar: CheckFormID().length ? Core.Config.Get('RichText.ToolbarFull') : Core.Config.Get('RichText.ToolbarWithoutImage'),

// add code to this file: Kernel/Output/HTML/Standard/RichTextEditor.dtl

+Core.Config.Set('RichText.Toolbar_Full', [
+['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'NumberedList', 'BulletedList', 'Table', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Link', 'Unlink', 'Undo', 'Redo', 'SelectAll' ],
+'/',
+['Image', 'HorizontalRule', 'PasteText', 'PasteFromWord', '-', '-', 'Find', 'Replace', 'SpellCheck', 'TextColor', 'BGColor', 'RemoveFormat', '-', 'ShowBlocks', 'Source', 'SpecialChar', '-', 'Maximize'],
+['Format', 'Font', 'FontSize' ]
+]);

[PriteshP23]

Here is final version that worked for me:

Code: Select all

Core.Config.Set('RichText.Toolbar_Full', [
['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'NumberedList', 'BulletedList', 'Table', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Link', 'Unlink', 'Undo', 'Redo', 'SelectAll' ],
'/',
['Image', 'HorizontalRule', 'PasteText', 'PasteFromWord', '-', '-', 'Find', 'Replace', 'SpellCheck', 'TextColor', 'BGColor', 'RemoveFormat', '-', 'ShowBlocks', 'Source', 'SpecialChar', '-', 'Maximize'],
['Format', 'Font', 'FontSize' ]
]);
Core.Config.Set('RichText.ToolbarWithoutImage', [
['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'NumberedList', 'BulletedList', 'Table', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Link', 'Unlink', 'Undo', 'Redo', 'SelectAll' ],
'/',
['HorizontalRule', 'PasteText', 'PasteFromWord', '-', '-', 'Find', 'Replace', 'SpellCheck', 'TextColor', 'BGColor', 'RemoveFormat', '-', 'ShowBlocks', 'Source', 'SpecialChar', '-', 'Maximize'],
['Format', 'Font', 'FontSize' ]
]);
}
else {
Core.Config.Set('RichText.Toolbar_Full', [
['Bold', 'Italic', 'Underline', 'Strike', '-', 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Link', 'Unlink', '-', 'Image', 'HorizontalRule', '-', 'Undo', 'Redo', '-', 'Find', 'SpellCheck'],
'/',
['Format', 'Font', 'FontSize', '-', 'TextColor', 'BGColor', 'RemoveFormat', '-', 'Source', 'SpecialChar', '-', 'Maximize']
]);
Core.Config.Set('RichText.ToolbarWithoutImage', [
['Bold', 'Italic', 'Underline', 'Strike', '-', 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Link', 'Unlink', '-', 'HorizontalRule', '-', 'Undo', 'Redo', '-', 'Find', 'SpellCheck'],
'/',
['Format', 'Font', 'FontSize', '-', 'TextColor', 'BGColor', 'RemoveFormat', '-', 'Source', 'SpecialChar', '-', 'Maximize']
]);
}

Thanks a lot guys !

[tpsupport]

For OTRS 6 and ckeditor 4.7 you also need to remove liststyle, contextmenu and tabletools from ckeditor.js.

Code: Select all

# Remove Ckeditor plugins with sed
sed -i 's/list,liststyle/list/g' /opt/otrs/var/httpd/htdocs/js/thirdparty/ckeditor-*/ckeditor.js
sed -i 's/menu,contextmenu/menu/g' /opt/otrs/var/httpd/htdocs/js/thirdparty/ckeditor-*/ckeditor.js
sed -i 's/table,tabletools/table/g' /opt/otrs/var/httpd/htdocs/js/thirdparty/ckeditor-*/ckeditor.js

Additionally you need to remove contextmenu_linkopen from Core.UI.RichTextEditor.js.

Code: Select all

otrs/var/httpd/htdocs/js/Core.UI.RichTextEditor.js
         EditorConfig = {
-            extraPlugins: 'splitquote,preventimagepaste,contextmenu_linkopen',
+            extraPlugins: 'splitquote,preventimagepaste',