Javascript Fetch contenteditable=真实数据
我想从设置contenteditable=true的div标记中获取数据 我使用了autosuggestion,因为..数据已成功获取,但当我写入autosuggestion字段中写入的项目时,它将不会被获取,因为它添加了HTML标记,并且不会保存到数据库中 我的代码 如果数据发生更改:Javascript Fetch contenteditable=真实数据,javascript,html,Javascript,Html,我想从设置contenteditable=true的div标记中获取数据 我使用了autosuggestion,因为..数据已成功获取,但当我写入autosuggestion字段中写入的项目时,它将不会被获取,因为它添加了HTML标记,并且不会保存到数据库中 我的代码 如果数据发生更改: var timeoutID; $('[contenteditable]').bind('DOMCharacterDataModified', function () { clearTimeout(tim
var timeoutID;
$('[contenteditable]').bind('DOMCharacterDataModified', function () {
clearTimeout(timeoutID);
$that = $(this);
timeoutID = setTimeout(function () {
$that.trigger('change')
}, 50)
});
$('[contentEditable]').bind('change', function () {
getTextChangeContent();
});
更新
function getTextChangeContent() {
var ma = document.getElementById('myAudio');
var remove = ma.src.slice(0, -4);
var path = remove.substring(remove.lastIndexOf("/") + 1);
var newPath = path.concat('.wav');
var text_id = document.getElementById('textbox');
var textdata = text_id.innerHTML;
$.ajax(
{
type: "POST",
url: '@Url.Action("getChangeContent")',
dataType: "json",
mtype: "post",
data: { arg: varid, content: textdata, path: newPath },
async: true,
success: function (data) {
alert(data + " DATA");
}
});
}
当我更改数据并使用autosuggestion时,它会将数据显示为
The door is blacl <span class="atwho-inserted">[[Ceilings]]</span>
门是blacl[[天花板]]
如何忽略html标记并只获取该标记的值?
请建议我检索
innerText
而不是innerHTML
,以便忽略HTML内容。如果您只希望在html标记中插入class.atwho
,则只检索该内容
var textdata = text_id.innerText;
显示getTextChangeContent方法的代码。@KonstantinDinev请看我更新的问题