<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1">
<title>testShow 插件</title>
<script src="jquery-3.3.1.min.js"></script>
<script src="textShow.js"></script>
<script>
$(function(){
xpl_ts.setJquery($);
$("#btn").on("click",function(){
$("#showText").html($("#textInput").val());
xpl_ts.render($("#showText"));
})
})
</script>
<style>
#textInput{
width: 300px;
}
#showText{
width: 400px;
height: 100px;
border: solid 1px #000;
text-align: center;
padding: 10px;
font-size: 10mm;
}
</style>
</head>
<body >
测试文本：<input id="textInput" name="test" value="改变输入框的内容，点击右边测试按钮"/> <button id="btn" >测试</button>
<br/><br/>
<div id="showText">
</div>
</body>
</html>
