技巧|使用Chatgpt在聊天界面直接显示公式

ChatGPT的使用已经越来越多,从问问题到写代码,但是有些时候,当我们问一些数学问题的时候,由于要显示公式,ChatGPT会直接给我们输出Latex代码。有Latex代码当然是好,我们可以把它放到编辑器编辑即可。

但是说实话,聊天界面直接显示Latex代码,有些时候确实不方便阅读和学习。

不过现在有一个插件可以解决这个问题,不仅可以显示行间公式,还能显示行内公式,我们直接看效果:

要实现上述效果,很简单,而需要在chrome中直接安装插件即可。

插件地址:

https://chrome.google.com/webstore/detail/tex-all-the-things/cbimabofgmfdkicghcadidpemeenbffn​chrome.google.com/webstore/detail/tex-all-the-things/cbimabofgmfdkicghcadidpemeenbffn

安装后,在插件栏开启即可:

而如果有时候我们不想显示公式,还是想让latex显示代码,那只需要把它关闭即可。

不过有时候,我们想将其复制到markdown文件中,我们还是想让他直接显示公式代码的,不过Chatgpt有时比较抽风,它会把行间公式显示出来,但是行内公式直接显示latex代码。这种情况是最难受的,你既不能在chatgpt聊天框中舒服阅读,也不好复制到编译器,例如下面:

这种情况,我们可以这样问ChatGPT:

“nce loss 的损失函数是?(其中所有的公式都直接显示latex代码,不要进行编译)

这样所有公式都会直接显示latex代码,而不会再像前面的四不像了。

  • 9
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
以下是一个简单的ChatGPT聊天界面网页代码示例: ```html <!DOCTYPE html> <html> <head> <title>ChatGPT Chat</title> <style> .chat-container { width: 400px; height: 500px; border: 1px solid #ccc; overflow-y: scroll; padding: 10px; } .message { margin-bottom: 10px; } .user-message { color: blue; } .bot-message { color: green; } .input-container { margin-top: 10px; } input[type="text"] { width: 300px; padding: 5px; } button { padding: 5px 10px; } </style> </head> <body> <div class="chat-container"> <div class="message user-message">User: Hello!</div> <div class="message bot-message">Bot: Hi! How can I assist you today?</div> </div> <div class="input-container"> <input type="text" id="user-input" placeholder="Type your message here..."> <button onclick="sendMessage()">Send</button> </div> <script> function sendMessage() { var userInput = document.getElementById("user-input").value; // Display user message var userMessageElement = document.createElement("div"); userMessageElement.classList.add("message", "user-message"); userMessageElement.textContent = "User: " + userInput; document.querySelector(".chat-container").appendChild(userMessageElement); // Send user message to server and get response // Replace the following code with your backend integration code var botResponse = "Bot: This is a sample response."; // Display bot message var botMessageElement = document.createElement("div"); botMessageElement.classList.add("message", "bot-message"); botMessageElement.textContent = botResponse; document.querySelector(".chat-container").appendChild(botMessageElement); // Clear user input field document.getElementById("user-input").value = ""; } </script> </body> </html> ``` 这是一个基本的HTML和CSS代码,用于创建一个仿ChatGPT聊天界面。它包括一个聊天容器、用户输入框和发送按钮。当用户点击发送按钮时,会将用户输入的消息显示聊天容器中,并模拟从服务器获取机器人的回复并显示聊天容器中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值