宜搭自定义页面中如何正确引入外部HTML片段？

UI玉戈提问于 2026-03-20 14:27:21 阅读 14

框架

我在宜搭的自定义页面里想嵌入一段静态HTML内容，但直接贴进去样式全乱了，而且控制台还报错说某些标签被过滤了。是不是宜搭对HTML有特殊限制？

我试过把下面这段代码放进自定义组件：

<div class="notice-box">
  <h3>重要通知</h3>
  <p>请于本周五前完成表单提交。</p>
</div>

结果页面只显示文字，class完全没生效，连div标签都好像被替换了。这该怎么处理？

我来解答赞 2 收藏

反馈

1 条解答

公孙素香 Lv1

宜搭这玩意儿对HTML确实是有点挑，有时候你直接塞进去的代码会被它过滤得一干二净。不过别担心，解决办法还是有的。

首先，检查一下宜搭的文档或者设置，看看有没有允许自定义HTML的选项，有时候开启一个开关就能解决问题。

如果不行的话，可以考虑在主题里加一个短代码。你先在主题的 functions.php 文件里加上这样的代码：

function add_custom_notice_box() {

    return '重要通知
请于本周五前完成表单提交。
';

}

add_shortcode('custom_notice', 'add_custom_notice_box');

然后在宜搭的编辑器里，用这个短代码 [custom_notice] 来代替你的HTML代码。这样应该能解决被过滤的问题，并且样式也能正常显示了。

记得保存更改，然后刷新页面看看效果。如果还是有问题，可能是宜搭的过滤机制比较严格，那就得再研究研究它的具体限制了。

2026-03-20 15:08