chris/webinterface
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add markdown

Browse Source
This commit is contained in:
Christian Rute 2024-10-31 16:33:05 +01:00
parent 4d2e5332d8
commit a7dfbe2ebd
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/js/chat.js
View File

@ -1,5 +1,6 @@
let chatCount = 0; // Zähler für Chat-Sessions let chatCount = 0; // Zähler für Chat-Sessions
let currentChatId = null; // Aktuell angezeigte Chat-ID let currentChatId = null; // Aktuell angezeigte Chat-ID
let useMarkdown = true;
document.getElementById('newChatButton').addEventListener('click', () => { document.getElementById('newChatButton').addEventListener('click', () => {
createNewChat(); createNewChat();
@ -13,7 +14,14 @@ document.getElementById('sendButton').addEventListener('click', () => {
if (messageText !== '' && currentChatId !== null) { // Stelle sicher, dass eine Chat-ID vorhanden ist if (messageText !== '' && currentChatId !== null) { // Stelle sicher, dass eine Chat-ID vorhanden ist
const messageElement = document.createElement('div'); const messageElement = document.createElement('div');
messageElement.classList.add('chat-message', 'user'); messageElement.classList.add('chat-message', 'user');
//messageElement.innerText = messageText;
if (useMarkdown) {
messageElement.innerHTML = renderMarkdown(messageText);
} else {
messageElement.innerText = messageText; messageElement.innerText = messageText;
}
chatBox.prepend(messageElement); chatBox.prepend(messageElement);
// Nachricht speichern // Nachricht speichern
@ -238,6 +246,10 @@ function getLastUserMessage() {
return ''; // Rückgabe eines leeren Strings, falls keine Nachricht gefunden wird return ''; // Rückgabe eines leeren Strings, falls keine Nachricht gefunden wird
} }
function renderMarkdown(content) {
return marked.parse(content);
}
async function stream_api_open_ai(userMessage) { async function stream_api_open_ai(userMessage) {
// Neues div-Element für die Antwort des Chatbots erstellen // Neues div-Element für die Antwort des Chatbots erstellen
const chatBox = document.getElementById('chatBox'); const chatBox = document.getElementById('chatBox');
@ -287,9 +299,12 @@ async function stream_api_open_ai(userMessage) {
const token = json.choices[0].delta.content; const token = json.choices[0].delta.content;
result += token; result += token;
// Live-Update des Chatbot-Textes if (useMarkdown) {
botMessageDiv.innerHTML = renderMarkdown(result);
} else {
botMessageDiv.textContent = result; botMessageDiv.textContent = result;
} }
}
} catch (error) { } catch (error) {
console.error('Error parsing JSON:', error, 'Received:', jsonStr); console.error('Error parsing JSON:', error, 'Received:', jsonStr);
} }

2
client/welcome.html
View File

@ -43,7 +43,7 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="js/chat.js"></script> <script src="js/chat.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>