Question

我正在尝试自定义一个名为Showtime的WordPress插件的输出。 Showtime包含以下Javascript以输出在计划中输入的内容。出于造型原因，我正在进入插件管理区域进行演出 -

<h3>Drivetime</h3><p>with Davie Boy</p>

我遇到的问题是它在页面上打印出来/回显，并且不会呈现/处理html，就好像包装在预标签中一样。

我理解以下javascript输出节目，我怎么能让它实际上不回应html但处理它。对不起，如果我没有使用正确的术语。

任何帮助非常感谢

抢劫

更新

感谢您的评论 - 让我思考。这个javascript从名为crud.php的PHP脚本中获取Showname。看看这个我认为这可能是crud.php中的违规行

$showname   = htmlentities(stripslashes(($_POST['showname'])));

而不是javascript本身？

jQuery(function($){

function get_current_show() {
//Get the current show data
$.post(crudScriptURL, {"crud-action" : "read", "read-type" : "current"}, function (currentShowJSON) {

    var schedule = $.parseJSON(currentShowJSON);
    var outputHTML = '';

    var currentShow = schedule['current-show'];
    if (currentShow.showName){
        var currentShowName = currentShow.showName;
        var imageURL = currentShow.imageURL;
        var linkURL = currentShow.linkURL;
        var startClock = currentShow.startClock;
        var endClock = currentShow.endClock;

        outputHTML += '<div id="showtime">'+currentShowName+'</div>';

        if (imageURL){
            if (linkURL){
                outputHTML += '<a href="'+linkURL+'"><img class="showtime-image-thumbnail" src="'+imageURL+'" alt="'+currentShow.showName+'" /></a>';
            } else {
                outputHTML += '<img class="showtime-image-thumbnail" src="'+imageURL+'" alt="'+currentShow.showName+'" />';
            }
        }

    } else {

        outputHTML += '<h3 class="current-show">'+currentShow+'<h3>';

    }

    var upcomingShow = schedule['upcoming-show'];
    if (upcomingShow){
        var upcomingShowName = upcomingShow.showName;
        var upcomingShowLink = upcomingShow.linkURL;
        var upcomingStartClock = upcomingShow.startClock;
        var upcomingEndClock = upcomingShow.endClock;

        if (upcomingShowLink){
            outputHTML += '<h3 class="upcoming-show"><strong>Up next:</strong> <a href="'+upcomingShowLink+'">'+upcomingShowName+'</a></h3>';
        } else {
            outputHTML += '<h3 class="upcoming-show"><strong>Up next:</strong> '+upcomingShowName+'</h3>';
        }

        outputHTML += '<span>'+upcomingStartClock + ' - ' + upcomingEndClock + '</span>';

    }

    $('.showtime-now-playing').html(outputHTML);

    //Set a timer to update the widget every 30 seconds
    setTimeout (get_current_show, (30 * 1000));

});

}

get_current_show();


});

Answer 1

如果你有一致的格式，并且不需要使用符号作为显示的一部分，你可以在jquery函数中实现一种解析器。例如，您可以输入<h3>Drivetime</h3><p>with Davie Boy</p>，并在代码中执行以下操作：

var currentShowName = $('<div/>').html(currentShow.showName).text();

Javascript回应HTML而不是处理它

1 个答案: