${textContent.replace(/\n/g, '
')}
';
if (question) {
previewHTML += `
`;
}
previewHTML += '
';
}
break;
case 'table':
const rows = parseInt(document.getElementById(fieldId + '-rows').value) || 0;
const cols = parseInt(document.getElementById(fieldId + '-cols').value) || 0;
const headersInput = document.getElementById(fieldId + '-headers').value;
if (rows > 0 && cols > 0) {
previewHTML += 'Q: ${question}
`; } if (answerSpace) { previewHTML += `${answerSpace.replace(/\n/g, '
')}
';
previewHTML += '';
// Add headers if provided
if (headersInput) {
const headers = headersInput.split(',').map(h => h.trim());
previewHTML += '
';
}
break;
case 'image':
const imageInput = document.getElementById(fieldId + '-image');
const caption = document.getElementById(fieldId + '-caption').value;
if (imageInput.files && imageInput.files[0]) {
pendingImages++;
const reader = new FileReader();
reader.onload = function(e) {
let imgHTML = `| ${headers[i] || `Column ${i+1}`} | `; } // Fill remaining columns if needed for (let i = headers.length; i < cols; i++) { previewHTML += `Column ${i+1} | `; } previewHTML += '
|---|---|
| '; } previewHTML += ' |
${caption}
`; } imgHTML += '${caption}