Mathe Renderer ChatPT asciimath
Prompt
Diskutiere die Funktion f(x)=x*e^x . Verwende als Formelformat AciiMath. Die Formeln müssen dafür zwischen # stehen, also z.B. #x^2#.
Quelltext
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>AsciiMath und Markdown Renderer</title>
<!-- Einbindung von marked.js für Markdown-Verarbeitung -->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<!-- MathJax-Konfiguration -->
<script type="text/javascript">
window.MathJax = {
loader: {load: ['input/asciimath']},
asciimath: {
delimiters: [['#', '#']]
},
startup: {
typeset: false // Verhindert automatisches Typesetting beim Laden
}
};
</script>
<!-- Einbindung von MathJax -->
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
textarea {
width: 100%;
height: 200px;
font-size: 16px;
}
#output {
border-top: 1px solid #ccc;
margin-top: 20px;
padding-top: 20px;
}
button {
padding: 10px 20px;
font-size: 16px;
}
pre code {
background-color: #f4f4f4;
padding: 2px 4px;
border-radius: 4px;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 20px;
}
ul, ol {
margin-left: 20px;
}
</style>
</head>
<body>
<h1>AsciiMath und Markdown Renderer</h1>
<p>Fügen Sie Ihren Text mit AsciiMath-Formeln (zwischen <code>#</code>) und Markdown-Syntax in das Textfeld ein und klicken Sie auf <strong>Rendern</strong>.</p>
<textarea id="input"></textarea><br><br>
<button onclick="render()">Rendern</button>
<div id="output"></div>
<script>
function render() {
var inputText = document.getElementById('input').value;
// Markdown in HTML umwandeln
var htmlContent = marked.parse(inputText);
// Setze den Inhalt des Ausgabe-Divs
var output = document.getElementById('output');
output.innerHTML = htmlContent;
// Triggert das erneute Rendern durch MathJax
MathJax.typesetPromise([output]).catch(function (err) {
output.innerHTML = '';
output.appendChild(document.createTextNode(err.message));
});
}
</script>
</body>
</html>