<分区>
标签 javascript html css laravel
<分区>
我有一个文本输入框,我想在用户输入文本的同时(实时)在用户输入框下方显示用户输入。
我正在使用 laravel 框架。
就像问题页面中的 stckoverflow 一样...
这是我的 html 代码...
{{ Form::open(['action' => 'PostsController@store', 'method' => 'POST']) }}
{{ Form::token() }}
<div class="form-group">
{{ Form::label('title', 'title') }}
{{ Form::text('title', '', ['class' => 'form-control', 'placeholder' => 'title...']) }}
</div>
<div class="form-group">
{{ Form::label('body', 'content...') }}
{{ Form::textarea('body', '', ['class' => 'form-control', 'rows' => '20', 'placeholder' => 'content...']) }}
</div>
{{ Form::submit('submit', ['class' => 'btn btn-primary'])}}
{{ Form::close() }}
最佳答案
var textinput = document.getElementById('textinput');
textinput.onkeyup = textinput.onkeypress = function(){
document.getElementById('preview').innerHTML = this.value;
}
#preview {
display: block;
padding: 2px 3px;
color: #303030;
background: #f1f1f1;
border: 1px solid #e1e1e1;
border-radius: 3px;
}
<textarea id="textinput" placeholder="Your text..."></textarea>
<pre>
<code id="preview">Preview</code>
</pre>
如果您想要更高级的东西,您应该查看一些库,例如 https://github.com/markedjs/marked
关于javascript - 如何在laravel中实时显示用户输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57398104/