У меня есть текстовое поле, где администраторы могут писать сообщения на странице.
Это сделано так, что вам нужно вручную ввести HTML-код (например, <p>New entry</p>).
Чтобы сделать это проще, я хочу кнопку, которая создает теги (как и на любом форуме для жирного, курсива и т. Д.)
Я искал способы сделать это, но ни один не работает.
<label class="control-label col-md-2">Report: (Use HTML code)</label>
<div class="col-md-10">
<script type="text/javascript">
function formatText() {
var selectedText = document.selection.createRange().text;
if (selectedText != "") {
var newText = "<p>" + selectedText + "</p>";
document.selection.createRange().text = newText;
}
}
</script>
<input type="button" value="create p" onclick="formatText();" />
@Html.TextAreaFor(model => model.Content, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Content, "", new { @class = "text-danger" })
</div>
</div>
Я думал, что это будет работать, но это ничего не делает, вероятно, потому что, когда я нажимаю кнопку, он прекращает выделять текстовую область.
Кроме того, не беспокойтесь о @Html.TextAreaFor, обычный тег textarea работает, конечно, также.