tinyMCE - source code editing in a textarea

Question

I\'m playing around with MCE, I was wondering if there was the possibility of letting the user enter source code into a post, much like the 101010 button in this form.

Answer 1

Try 'code' plugin along with tinymce.min.js

e.g.

<script src="~/Scripts/tinymce/tinymce.min.js"></script>
<script src="~/Scripts/tinymce/plugins/code/plugin.min.js"></script>
<script>
    tinymce.init({
        selector: 'textarea',
        plugins: "code",
        toolbar: "code" });
</script>

Answer 2

You'll need to add plugins: "code" to the initialization code as follows:

tinymce.init({
    plugins: "code"
});

https://www.tinymce.com/docs/plugins/code/

Answer 3

The option exists. One of the optional buttons has 'html' written on it and can be used to go into HTML editing mode. You can see it in this full featured example - 6 places left of the top-right corner.