How can I activate the html source plugin in ckeditor 4?

Question

Answer 1

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 :)

Comments

You are a genius Pupi, wow! this is necessary in the q2a editor because for example the signature plugin many are lost without html editor and the users are facilitated. it also helps a lot in html learning. I'm starting to learn php but I'm very slow. Now another question. when you go to ckeditor they say that you only do two steps and you are ready but you showed that it is more laborious. What should I do if I want to put others in general by putting everything under language will they give or not? thank you... other question....what do I need to put the moon-blue skin

---

Thanks! I'm not sure I'm following your question:

> What should I do if I want to put others in general by putting everything under language will they give or not?

What are you trying to add? How are languages involved in that process?

Also if you have a question, then create a new question post rather than a comment post... that's what question posts are used for, right? :) If you use comments, then unrelated information will be attached to the answer that will confuse other readers.

I would also advise to create one post per question rather than one post with two unrelated questions. This is because if someone has an answer to only one of them, he/she will answer the question they have the answer for and ignore the other one. If they were in the same post, the same people might prefer not to answer the question they know because that would only solve half of the question post.

So create a couple of posts for each of those questions. Regarding the first one, add some clarifications! Maybe someone can help you with those soon. If nobody does, I'll try to take a look at them tomorrow or maybe the day after :)

---

@pupi, thanks. I also added this. one question that what is uses of "config.extraPlugins = 'sourcearea';". Actually, I have tried to add into wysiwyg-editor/ckeditor/config.js .

I had tried to install other ckeditor plugins using "config.extraPlugins = 'pluginName';" into wysiwyg-editor/ckeditor/config.js.

Isn't correct way to install these ckeditor plugins? Could you please provide me intructions to install ckeditor plugins.

Thanks in advance. Sorry if this question is different from above query.

---

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:
 https://www.question2answer.org/qa/71051/wysiwyg-editor-does-not-working

---

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