Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+2 votes
in Plugins by

1 Answer

+2 votes
selected by
Best answer

I'm going to base my answer on this one: http://www.question2answer.org/qa/42919 . However, on v1.7.4 (which is the on you're using) things changed a bit since I answered that.

Follow these steps:

1. Download the Source Editing area plugin from http://ckeditor.com/addon/sourcearea

2. Put the sourcearea directory in the .zip file in qa-plugin/wysiwyg/ckeditor/plugins

3. Make sure the directory and all files inside of it have the same permissions as other plugins inside the qa-plugin/wysiwyg/ckeditor/plugins directory

4. Edit the qa-plugin/wysiwyg-editor/ckeditor/config.js and add exactly this line:

"        { name: 'source', items: [ 'Source' ] },",

Immediately below this line:

{ name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteFromWord', '-', 'Undo', 'Redo' ] },

5. Edit the qa-plugin/wysiwyg-editor/qa-wysiwyg-editor.php file and add exactly this line:

"              extraPlugins: 'sourcearea',",

Immediately before this line:

"              defaultLanguage: 'en',",

6. Navigate to a question page (or any with a WYSIWYG editor) and clear the browser's cache and refresh the page. In Chrome (and most browsers), you can do this by hitting F12 and then pressing CTRL+SHIFT+R.

And that's it. You should see something like this :)

The full instructions to install CKEditor plugins is here: https://www.question2answer.org/qa/66264 . You seem to be already aware of that post
I have tried two times to install in that way, and there was error. Later, I had reinstall to complete q2a and donut (however propose was upgradation of q2a 1.8.2 and donut 2.0.2), then it is working properly:
What should you suggest me either online builder installation or manual installation of ckeditor plugins: https://ckeditor.com/docs/ckeditor4/latest/guide/dev_plugins.html
I'd go for the builder