将字符串转换回 HTML答案

【问题标题】：Converting string back to HTML将字符串转换回 HTML
【发布时间】：2020-03-01 18:20:05
【问题描述】：

我从 tinyMCE 中获取了一个 HTML 字符串，并用 jQuery html() 将其包装起来。我现在正试图打开它并将其显示在视图中。

我得到 tinyMCE 内容并将它们放入一个 div 中。然后我提取该 div 的 html 内容并通过 AJAX 将其传递到我的数据库。我现在正在尝试将内容转换回允许我正确显示它的格式。

<textarea name="tinycontent" class="form-control" 
id="textFromContentEditor" value=""></textarea>
<div id="textContent" style="display:none"></div>

var sectionContent = tinyMCE.activeEditor.getContent();
sectionContent = $('#textContent').text(sectionContent).html();

$.ajax({
    url: '/Home/CreateNoteContent',
    async: false,
    type: 'POST',
    data: {
       headerID: headerID,
       categoryID: categoryID,
       sectionContent: sectionContent
    },
    success: function (result) {
        if (result == false) {
            toastr.error("Cannot create new content")
        } else {
            toastr.success("Successfully created new content")
            $("#feed-" + releaseID).trigger('click');
            jumpTo(scrollPos);
        }
     }
});

我对 tinyMCE 的输入：Hello World

数据库中存储的内容：<p>Hello World</p> 我希望能够在视图中只显示文本内容。

【问题讨论】：

试试$('#textContent').html(sectionContent);
除了问题：删除async: false。这是一种糟糕的做法，反正你在这里也不需要它

标签： c# jquery ajax asp.net-mvc tinymce

【解决方案1】：

我当然不是很擅长 js、ajax 等，但这是我在我的项目中所做的，在我的一个 div 中的 pages -tag 中显示 html。

var blobs = document.getElementById('your-div-Id').innerHTML = "<h4>somethingRandom</h4>";

OBS！我相信这是 javascript，因此可能不是正确的解决方案。

希望这会有所帮助！

【讨论】：