Examples: "Write about product benefits", "Create a FAQ section with 3 questions", "Write a product description for beginners"
');
} else {
$examplesText = $('Examples: "Create a compelling headline", "Write a call to action", "Generate a short bio"
');
}
// Create the submit button - use our CSS class for styling instead of inline styles
var $submitBtn = $('');
// Only add the image, no inline styling
$submitBtn.append($('Examples: "Add 2 paragraphs about benefits", "Add 3 paragraphs about features", "Make content more professional"
');
} else {
$examplesText = $('Examples: "Make it more persuasive", "Make it shorter and direct", "Change tone to friendly"
');
}
var $submitBtn = $('');
$submitBtn.append($('') && !value.includes('
')) {
// First, normalize all types of line breaks
value = value.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
// Look for patterns that might indicate paragraphs
var paragraphDelimiter = /\n\s*\n/;
// If no double line breaks, look for single line breaks that might be paragraph breaks
if (!paragraphDelimiter.test(value) && value.includes('\n')) {
// Split by newlines and wrap each non-empty line in paragraph tags
value = value.split('\n')
.filter(function(para) { return para.trim().length > 0; })
.map(function(para) { return '
tags return '
' + para.trim() + '
'; }) .join(''); } else { // Split by double newlines and wrap in paragraph tags value = value.split(paragraphDelimiter).map(function(paragraph) { // Handle single newlines within a paragraph astags return '
' + paragraph.trim().replace(/\n/g, '
') + '
') || newContent.includes('
'))) { existingContent = existingContent + '
'; } else if (existingContent) { // Simple text mode, add double line break existingContent = existingContent + '\n\n'; } $field.val(existingContent + newContent); } else { $field.val(value); } } } else { // TinyMCE not available or editor not initialized if (appendMode) { // Append the new content to the original $field.val(originalContent + '\n\n' + value); } else { $field.val(value); } } } catch (e) { console.error('King Addons: Error updating WYSIWYG content', e); // Fallback - set the textarea value directly if (appendMode) { // Maintain HTML structure in fallback case var existingContent = originalContent || ''; var newContent = value || ''; // Add paragraph separator if needed if (existingContent && !existingContent.trim().endsWith('') && (existingContent.includes('') || newContent.includes('
'))) { existingContent = existingContent + '
'; } else if (existingContent) { existingContent = existingContent + '\n\n'; } $field.val(existingContent + newContent); } else { $field.val(value); } } } else { // Standard text field if (appendMode) { // Append the new content to the original for text fields $field.val(originalContent + '\n\n' + value); } else { $field.val(value); } } // Trigger change events to ensure Elementor detects the change $field.trigger('input'); $field.trigger('change'); // For WYSIWYG, also try to trigger a TinyMCE change event if available if (isWysiwyg && window.tinymce && tinymce.get($field.attr('id'))) { try { tinymce.get($field.attr('id')).fire('change'); } catch (e) { console.error('King Addons: Error triggering TinyMCE change event', e); } } } // Function to get field value (handles WYSIWYG) function getFieldValue($field, isWysiwyg) { if (isWysiwyg) { var editorId = $field.attr('id'); if (window.tinymce && tinymce.get(editorId) && !tinymce.get(editorId).isHidden()) { // Visual mode return tinymce.get(editorId).getContent(); } else { // Text mode or editor not initialized return $field.val(); } } return $field.val(); } // Function to setup MutationObserver to detect controls changes function setupControlsObserver(panel) { // Observe the entire panel for any control changes (e.g., section tabs) var $controlsContainer = panel.$el; activeObservers.forEach(function(observer) { observer.disconnect(); }); activeObservers = []; var observer = new MutationObserver(function(mutations) { // Use a small delay to allow Elementor to finish rendering, especially for complex controls setTimeout(function() { injectAiButtons($controlsContainer); }, 50); }); observer.observe($controlsContainer[0], { childList: true, subtree: true }); activeObservers.push(observer); // Initial injection, with a delay setTimeout(function() { injectAiButtons($controlsContainer); }, 150); } // On widget panel open, setup the observer elementor.hooks.addAction('panel/open_editor/widget', function(panel) { setTimeout(function() { setupControlsObserver(panel); }, 250); // Increased delay for initial setup }); // Also monitor section changes elementor.channels.editor.on('section:activated', function(sectionName, editor) { var panel = editor.getOption('editedElementView').getContainer().panel; if (panel && panel.$el) { // When a section is activated, reinitialize observer and injection setTimeout(function() { setupControlsObserver(panel); }, 150); // Delay for section rendering } }); })(jQuery, window.elementor);