openclaw - 💡(How to fix) Fix Feature Request: Display images in webchat [1 participants]

// Assuming a function `renderMessage` that takes a message object as input
function renderMessage(message) {
  const imageUrl = getMessageImageUrl(message);
  if (imageUrl) {
    // Render image inline using an img tag
    return `<img src="${imageUrl}" width="200" height="200">`;
  } else {
    // Render text message as usual
    return message.text;
  }
}

// Helper function to extract image URL from message
function getMessageImageUrl(message) {
  // Implement logic to detect image URLs in the message text
  // For example, using a regular expression
  const imageUrlRegex = /(https?:\/\/[^\s]+\.jpg|png|gif)/;
  const match = message.text.match(imageUrlRegex);
  return match && match[0];
}