在 Joomla 中嵌入计算器
示例是加班费计算器 —— 按帮助中心列表换成任意挂件。
复制嵌入代码
This example embeds the overtime calculator — swap in any widget from the Help Center list.
<iframe src="https://timecardcentral.com/embed/overtime/" width="100%" height="620" style="border:0;border-radius:12px" loading="lazy" title="Free calculator by TimeCard Central"></iframe>把 /embed/overtime/ 换成任意其他挂件并调整高度 —— 完整列表见 帮助中心 首页。唯一的要求是保留挂件内的署名链接。
第 1 步：新建 Custom Module
在 Joomla 管理后台打开 Content → Site Modules，在搜索框 ① 输入“custom”并点击 Custom 模块类型 ②。给模块起个标题（内部使用，例如“Calculator”）。
第 2 步：在编辑器里粘贴代码
填写 Title ① 并把代码粘进内容框 ② —— 一定要通过 源码视图 或纯文本编辑器粘贴，绝不要用可视化编辑器。TinyMCE 的话，点工具栏的 </> Source code 按钮，在弹窗里粘贴。如果 iframe 仍被剥掉，就更换编辑器： System → Global Configuration → Default Editor → CodeMirror （或 None）—— 之后模块内容就是一个可以直接粘贴的纯文本框。
第 3 步：选择位置与页面
在右栏打开 Position 下拉 ①，从模板的位置里选一个 —— 我们选了 Footer [footer] （默认 Cassiopeia 模板），并保持 Status: Published ②。菜单分配保持默认 Save & Close Joomla 模块设置：位置与菜单分配字段 第 4 步：检查前台。
第 4 步：检查前台
打开你分配模块的页面 —— 计算器会渲染在模板位置 ①（此处为页脚）。
常见问题
保存后 iframe 不见了。
两种常见原因。(1) 文本过滤器：Joomla 的文本过滤器把 iframe 剥掉了。用超级用户登录（默认过滤器对超级用户不生效），或在 System → Global Configuration → Text Filters 里提高你所在组的过滤级别。(2) 可视化编辑器在粘贴时改坏了代码：只通过源码视图粘贴，或干脆更换编辑器（System → Global Configuration → Default Editor → CodeMirror 或 None），直接粘进纯文本框。
可以嵌进文章里而不是模块吗？
可以 —— 编辑文章，用编辑器的源码视图粘贴代码后保存。如果 iframe 被剥掉，就是上面说的文本过滤器问题。
模块位置（Position）该怎么选？
取决于你的模板。在模板文档里预览各位置，或开启 Template Preview 直接在页面上看标注。通栏位置（内容上/下方）最适合高版挂件。