1

Topic: Highlight the code where the caret is currently in TinyMCE?

I wonder if you know any possible way to highlight the HTML code for the part of website where the caret is? I mean, if user for example want to see the source code highlighted for the text "What's up" by setting the caret to that text on the website and choose from the TinyMCE-menu "Tools -> Source Code". I ask this question because I think that it can be difficult for the user to find the actual HTML code for the element he wants to edit, in the TinyMCE Source code editor, depending on how much there is content. Do you think there is any way to highlight, to the content where the caret is currently, corresponding HTML code in Source code editor in TinyMCE?

Here is my code:

HTML:

    <form id="itemBarForm">
    <div layout="column" class="itemBar">
        <section flex>
            <div layout="row">
                <div class="itemImage" flex="20">
                    <a href="#">
                        <img border="0" alt="world" src="https://d30y9cdsu7xlg0.cloudfront.net/png/25183-200.png" width="40" height="40">
                    </a>
                </div>
                <div flex class="textField text-left" flex="80"> Text field Text field Text field</div>
            </div>
        </section>
        <section flex>
            <div layout="row">
                <div class="itemImage" flex="20">
                    <a href="#">
                        <img border="0" alt="world" src="https://d30y9cdsu7xlg0.cloudfront.net/png/25183-200.png" width="40" height="40">
                    </a>
                </div>
                <div flex class="textField text-left" flex="80"> What's up?</div>
            </div>

        </section>

    </div>
</form>
JavaScript:

    tinymce.init({
        selector: 'div.itemBar',
        inline: true,
        plugins: [
          'advlist autolink lists link image charmap print preview anchor',
          'searchreplace visualblocks code fullscreen',
          'insertdatetime media table contextmenu paste',
          'save' /*HTTP Error 405.0 - Method Not Allowed
    The page you are looking for cannot be displayed because an invalid method (HTTP verb) is being used.*/

          //'codemirror'
        ],
        toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code | save'
    });
Thanks in Advance! Best Regards, Attila