html - Tinymce textarea 显示不正确
问题描述
textarea 显示 html 标签和 WYSIWIG 编辑器。我如何不显示带有 html 标签和仅编辑器的文本区域。
我加载了以下 js 和 css 链接。
<h1>Incident Notes</h1>
<p></p>
<div class="form-group">
<input hidden="hidden" name="id" th:value="${incident.id}" /> <label
for="location">Incident Reference No: </label> <span
th:text="${incidentRefNo}" />
</div>
<form action="@{/incidentNotes/update}" method="post">
<input class="form-control" type="text" name="tempNotes"
id="tempNotes" th:value="${tempNotes}" readonly="readonly"
hidden="hidden" />
<textarea id="myTextarea">
</textarea>
<hr />
<div class="form-group ">
<a class="btn btn-info btn-lg btn-block login-button"
th:href="@{/incidentDetail?id=}+${incident.id}">Back</a>
</div>
</form>
<script type="text/javascript">
$(document)
.ready(
function() {
tinymce
.init({
selector : '#myTextarea',
skin : "oxide-dark",
height : 800,
plugins : [
"advlist autolink lists link charmap print preview anchor",
"searchreplace visualblocks",
"insertdatetime table contextmenu paste save" ],
toolbar : " save | print | insertfile undo redo |styleselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
init_instance_callback : function(
editor) {
var tempNotes = $('#tempNotes')
.val();
console.log(tempNotes);
tinymce.get('myTextarea')
.setContent(tempNotes);
},
save_onsavecallback : function() {
var content = tinymce.activeEditor
.getContent();
console.log(content);
var url_string = window.location.href;
var url = new URL(url_string);
var incidentId = url.searchParams
.get("id");
console.log("Incident ID: "
+ incidentId);
var oldURL = window.location.href
var index = 0;
var newURL = oldURL;
index = oldURL.indexOf('?');
if (index == -1) {
index = oldURL.indexOf('#');
}
if (index != -1) {
newURL = oldURL.substring(0,
index);
}
var path = newURL + '/update';
$
.ajax({
type : 'post',
cache : false,
url : path,
data : {
content : content,
incidentId : incidentId
},
success : function() {
tinymce.activeEditor.windowManager
.alert("This page has been successfully saved");
}
});
}
});
});
</script>
显示以下内容。textarea 显示加载的 html。我如何加载编辑器?
请帮忙
解决方案
您似乎正在将 TinyMCE 编辑器<input />
的值设置为tempNotes
. 您确定此输入字段已正确隐藏吗?
<input class="form-control" type="text" name="tempNotes"
id="tempNotes" th:value="${tempNotes}" readonly="readonly"
hidden="hidden" />
根据MDN,隐藏输入的语法是:
<input id="prodId" name="prodId" type="hidden" value="xm234jq">
如果出于测试目的删除该输入,您是否仍然看到 HTML 字符串?
推荐阅读
- python - 为什么 heapq 使用列表的最前面?
- c# - Unity动画设置bool true但设置true后不设置false?
- java - Java 依赖项无法找到自己的资源 - 在 AWS Lambda 中运行的代码
- excel - 不同文件中的相同公式不同值-小数四舍五入问题
- android - gson.fromJson 预期 BEGIN_OBJECT 但由于对象的存储方式而为 BEGIN_ARRAY
- docker - 如果docker上的cuda版本与PC上的cuda版本不同,这有关系吗?
- python - 如何从 ls 命令创建文件列表?
- python - FileInput中的Django“未选择文件”
- python - 将线图添加到 Facetgrid 图
- reactjs - 反应 .map 具有许多表格单元格的多个表格行