我用经典编辑器在WordPress中创建了一个指南。在指南中，我准备在这里创建一个单独的部分，

https://www.payuoc.com/home-furnishing-decor/best-mattress/

我参考了互联网上的一些引导程序片段。我在文本区域粘贴了此代码

<ul class="list-inline small">
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star text-success"></i></li>
              <li class="list-inline-item m-0"><i class="fa fa-star-half-alt text-success"></i></li>
</ul>

当我切换到可视部分时，I元素被删除。如何防止切换到可视部分时删除元素？

function dd_fontawesome_shortcode ($atts) {
    $args = shortcode_atts( array(
        \'icon\' => \'\',
        \'size\' => \'14\',
        \'color\' => \'#000\',
        \'type\' => \'fa\'
    ), $atts ) ;

    $output = \'<i class="\'.$args[\'type\'].\' \'. $args[\'icon\'] .\'" style="font-size:  \'. $args[\'size\'] .\'px; color: \'. $args[\'color\'] .\';"></i>\';

    return $output;
    }
add_shortcode (\'dd-icon\' , \'dd_fontawesome_shortcode\');