How to make the syntax highlighting work in Wysiwig Froala?

I have a structure:

<div class="form-group">
            <label>Descrição</label>
            <textarea class="form-control" rows="3"></textarea>
            <small class="form-text text-muted">Somente informações verídicas e que possam ser comprovadas, sem
                especulações.
            </small>
        </div>

What is the description textarea / news details.I added some JavaScript and CSS dependencies:

<link href="assets/css/froala_style.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/froala_editor.min.css" rel="stylesheet" type="text/css">

and

<script src="assets/js/froala_editor.min.js"></script>
<script src="assets/js/froala_lang.js"></script> //linguagem em pt-br

And now I want to make the link display button that is the code view button of the link shown. How can I do this?

I've also tried adding:

<link href="assets/css/editor-plugins/code_view.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/editor-plugins/code_mirror.min.css" rel="stylesheet" type="text/css">

and

<script src="assets/js/editor-plugins/code_beautifier.min.js"></script>
<script src="assets/js/editor-plugins/code_view.min.js"></script>
<script src="assets/js/editor-plugins/code_mirror.min.js"></script>

It even shows the code but is not highlighting anything. Do you have any other requirements? Can you help me please?

Note: I do not want to insert froala_editor.pkgd.min.js because it loads everything. And I'm not going to use it and I do not want to carry what I'm not going to use.