gpt4 book ai didi

javascript - 如何让 HTML 运行而不是从数据库显示 html 命令?

转载 作者:行者123 更新时间:2023-12-03 05:01:38 25 4
gpt4 key购买 nike

我正在使用 nicEdit.js,它会像这样保存到数据库:

<div align="center"><i>test</i><br></div><u><br><font size="5"><b>Become part of our team!</b></font><br></u>

我从数据库中将其检索为 $jobfulldesc。

这将正确显示:

<?php
function unhtmlentities ($string) {
$trans_tbl =get_html_translation_table (HTML_ENTITIES );
$trans_tbl =array_flip ($trans_tbl );
return strtr ($string ,$trans_tbl );
}
echo unhtmlentities($jobfulldesc); ?>

如果您尝试将 nicEdit 添加到 JavaScript 中,这将不起作用:

<script type="text/javascript">
bkLib.onDomLoaded(function() {
var myNicEditor = new nicEditor();
myNicEditor.setPanel('myInstance1');

});
</script>
<div id="myInstance1"><?php echo unhtmlentities($jobfulldesc); ?></div>

或内部:

<textarea><?php echo unhtmlentities($jobfulldesc); ?></textarea>

如何使其在没有 nicEdit 内的 HTML 格式的情况下从数据库中可见?

最佳答案

您只能使用 Javascript 解析 HTML 中的文本:

function getText(htmlString) {
const virtual = document.createElement('div');
virtual.innerHTML = htmlString;
return virtual.textContent
}

假设htmlString来自数据库并通过PHP传递给javascript。

演示:

function getText(htmlString) {
const virtual = document.createElement('div');
virtual.innerHTML = htmlString;
return virtual.textContent
}

const retreivedHtml = `<div align="center"><i>test</i><br></div><u><br><font size="5"><b>Become part of our team!</b></font><br></u>`;

console.log(
getText(retreivedHtml)
)
// inject it in the textarea
document.querySelector('textarea').value= getText(retreivedHtml)
 <textarea></textarea>

关于javascript - 如何让 HTML 运行而不是从数据库显示 html 命令?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42196088/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com