为javascript输出筛选HTML

Filtering HTML for javascript output

本文关键字：HTML 筛选 输出 javascript      更新时间：2023-09-26

我正在使用prettyPhoto API手动打开灯箱，代码如下：

api_images  ['images/fullscreen/image1.jpg','images/fullscreen/image2.jpg','images/fullscreen/image3.jpg'];
api_titles = ['Title 1','Title 2','Title 3'];
api_descriptions = ['Description 1','Description 2','Description 3']
$.prettyPhoto.open(api_images,api_titles,api_descriptions);

我面临的问题是，描述值来自Wordpress的所见即所得，代码很容易被随机的html标签、标点符号等破坏

  <script type="text/javascript">
    $(document).ready(function() {
        $('#menu-item-1006').on('click', function(e) {
            e.preventDefault();
            var images = new Array();
            var descriptions = new Array();
            var titles = new Array();
<?php
$i = 0;
$images = new WP_Query(array('post_type' => 'clearance', 'showposts' => -1, 'order' => 'menu_order', 'orderby' => 'ASC'));
if ($images->have_posts()) : while ($images->have_posts()) : $images->the_post();
        $featured = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
        ?>
                            images[<?php echo $i; ?>] = '<?php echo $featured[0]; ?>';
                            titles[<?php echo $i; ?>] =  '<?php the_title(); ?>'
                            descriptions[<?php echo $i; ?>] = '<?php echo get_the_content(); ?>';
        <?php
        $i++;
    endwhile;
else:
    ?>
<?php endif; ?>
            $.prettyPhoto.open(images, titles, descriptions);
        }) 
    });    
</script>

如何过滤get_the_content（）函数，使其输出w/o错误？谢谢

一个简单的解决方案可以是：

更换

<?php echo get_the_content(); ?>

带有

<?php echo preg_replace('/'<[^'>]+'>/s', '', get_the_content()); ?>

json_encode（get_the_content（））有效！

$content = get_the_content();
echo strip_tags($content, '<a><img>');

将只留下CCD_ 1和CCD_。我认为这就是你对画廊的所有需求

相关文章：