Question

im searching for a libary or suggestions for making a real time styler in javascript/jquery. The idea is that my users have a html text input, i need to detect in real time some patterns and apply an style to it, for example is the user writes #some_text all after the # should be considered like a tag a have to be bold like #some_text.

Im very new at javascript so i have no idea of where to begin, i did some research but i didn’t find any already made libary. Thanks for any help and suggestions!

Answer 1

What about something like jQuery Tagit?

You could initialize it like this:

<script>
        $(function() {
            var availableTags = [
                "#some_text1",
                "#some_text2",
                "#some_text3"
            ];

            $('#tags').tagit({tagSource: availableTags});
        });
</script>

<ul id="tags"></ul>