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

【问题标题】：How to output raw HTML code inside an Editable DIV如何在可编辑的 DIV 中输出原始 HTML 代码
【发布时间】：2021-09-19 13:46:54
【问题描述】：

我一直试图在可编辑的 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 输出？

提前谢谢大家。

【问题讨论】：

那么，您正在尝试在 div 中显示一些代码，对吗？为什么不将其显示为文本？ document.getElementById(myEditableDIVInputArea_Id).textContent = your code。如果myEditableDIVInputArea_Id 是code 标签而不是div 则更好，这样您可能会得到意图
innerHtml 将完成删除<div> 标签的工作。您应该改用textContent，就像上面评论中所说的那样。

标签： javascript html

【解决方案1】：

调用 value 属性而不是 innerHTML：

document.getElementById(myEditableDIVInputArea_Id).value = myRawInnerHTMLVal;

【讨论】：

【解决方案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);

【讨论】：

感谢您的回复，但我正在尝试打印出整个var myRawInnerHTMLVal = (revVarArgs) => { let myWidgetView = '<div class="flexContainerClass">HELLO WORLD</div>'; return myWidgetView; }; module.exports.myRawInnerHTMLVal = myRawInnerHTMLVal;
我不确定我是否理解正确，但如果你想附加 HTML 而不是替换它，那么你可以使用简写 += 运算符（最后它只是将一个字符串连接到另一个），比如document.getElementById(myEditableDIVInputArea_Id).innerHTML += myRawInnerHTMLVal(args);