如何在Mathquill.js中支持不定积分并移除多余灰色空白区域

嘿，我完全懂你遇到的这个困扰——用Mathquill开发Web应用时，输入\int后出现的那两个灰色上下限占位框，确实破坏了不定积分的简洁性。你已经尝试修改了积分命令的HTML模板，但问题依然存在，我来帮你拆解下问题根源，以及彻底解决的办法。

问题出在哪？ #

你之前的修改虽然去掉了HTML模板里的<span class="mq-supsub">部分，但别忘了integral命令是继承自SummationNotation（求和符号基类）的，这个基类本身自带了处理上下限占位的逻辑。哪怕你删掉了模板里的相关代码，基类的一些方法（比如你注释掉的createLeftOf）可能还是会自动生成那些灰色占位元素，导致修改没生效。

彻底解决的方案 #

我们可以直接脱离SummationNotation基类，基于最基础的Symbol来重新定义\int命令，这样就能完全摆脱上下限的默认逻辑：

// 重新定义\int命令，不再继承SummationNotation
LatexCmds['int'] = P(Symbol, function(_) {
  _.init = function() {
    // 只保留积分符号的HTML结构
    var htmlTemplate = '<span class="mq-int mq-non-leaf"><big>&int;</big></span>';
    Symbol.prototype.init.call(this, '\\int ', htmlTemplate);
  };
});

// 如果你的代码里用到了integral别名，也同步更新它
LatexCmds.integral = LatexCmds['int'];

额外注意事项 #

• 如果你是直接修改Mathquill源码，修改后一定要重新编译打包，并替换项目中使用的Mathquill构建文件，不然浏览器会加载旧的缓存版本，修改不会生效。
• 做完修改后，记得清空浏览器缓存再测试，避免旧代码干扰。

这样修改后，输入\int就只会显示干净的积分符号，不会再出现那些多余的灰色空白区域了，完美适配不定积分的需求~

备注：内容来源于stack exchange，提问作者Hyperion