在光标处插入字符

let textInput   = document.getElementById('body');
let insert      = textInput.selectionStart;
textInput.value = textInput.value.substr(0, insert) + str + textInput.value.substr(insert);

body 是文本框的id名字

str 是需要添加的字符

可以改成标签的事件

<ul class="js-addStr">
	<li><a href="javascript:">and</a></li>
	<li><a href="javascript:">or</a></li>
	<li><a href="javascript:">not</a></li>
	<li><a href="javascript:">{</a></li>
</ul>

<script>

$(function(){
	$('.js-addStr li').click(function(){
		str = $(this).text().trim();
		if(str){
			let textInput   = document.getElementById('body');
			let insert      = textInput.selectionStart;
			textInput.value = textInput.value.substr(0, insert) + str + textInput.value.substr(insert); 
		}
	})
})
</script>