How can users select and insert smileys at specific locations within a text input field in PHP?

To allow users to select and insert smileys at specific locations within a text input field in PHP, you can create a JavaScript function that inserts the selected smiley at the cursor position in the input field. This can be achieved by capturing the cursor position, inserting the smiley at that position, and updating the cursor position accordingly. 

<script>
function insertSmiley(smiley) {
    var input = document.getElementById('text-input');
    var cursorPos = input.selectionStart;
    var textBefore = input.value.substring(0, cursorPos);
    var textAfter = input.value.substring(cursorPos);
    input.value = textBefore + smiley + textAfter;
    input.selectionStart = cursorPos + smiley.length;
    input.selectionEnd = cursorPos + smiley.length;
    input.focus();
}
</script>

<input type="text" id="text-input">
<button onclick="insertSmiley(':)')">😊</button>
<button onclick="insertSmiley(':D')">😄</button>

Keywords

PHP text input field smileys user selection insertion

Related Questions