如何在可编辑DIV中输出原始HTML代码

Question

我一直试图在可编辑的div中输出原始HTML，但<div>被注释掉了。

这就是我试图输出的：

var myRawInnerHTMLVal = async (revVarArgs) => {
let myWidgetView = '<div class="flexContainerClass">HELLO WORLD</div>';
return myWidgetView;
};
module.exports.myRawInnerHTMLVal = myRawInnerHTMLVal;

这是我得到的(请注意HELLO WORLD没有封装在div内(：

var myRawInnerHTMLVal = async (revVarArgs) => {
let myWidgetView = 'HELLO WORLD';
return myWidgetView;
};
module.exports.myRawInnerHTMLVal = myRawInnerHTMLVal;

呼叫

document.getElementById(myEditableDIVInputArea_Id).innerHTML = `
var myRawInnerHTMLVal = async (revVarArgs) => {
let myWidgetView = '<div class="flexContainerClass">HELLO WORLD</div>';
return myWidgetView;
};
module.exports.myRawInnerHTMLVal = myRawInnerHTMLVal;
`;

如何获得原始HTML输出？

提前谢谢大家。

Answer 1

调用value属性而不是innerHTML:

document.getElementById(myEditableDIVInputArea_Id).value = myRawInnerHTMLVal;

Answer 2

这是因为您没有调用函数，也没有等待它(它是异步的(，在这种情况下，您不需要它是异步。

var myRawInnerHTMLVal = (revVarArgs) => {
let myWidgetView = '<div class="flexContainerClass">HELLO WORLD</div>';
return myWidgetView;
};
module.exports.myRawInnerHTMLVal = myRawInnerHTMLVal;

document.getElementById(myEditableDIVInputArea_Id).innerHTML = myRawInnerHTMLVal(args);