gcoai-stream-to-paragraph-field.js: Fixed an issue with stream to paragraph field not displaying rich text correctly.

Author: saifsultanc

gc-openai/gcoai-stream-to-paragraph-field.js

@@ -11,7 +11,7 @@
  * Instructions:
  *
  * 1. Install this snippet with our free Custom JavaScript plugin.
- *    https://gravitywiz.com/gravity-forms-custom-javascript/
+ *	https://gravitywiz.com/gravity-forms-custom-javascript/
  * 
  * 2. Update the variables to match your own field IDs.
  */
@@ -25,28 +25,43 @@ var $streamButton     = $streamFieldInput.parents( '.gfield' ).find( '.gcoai-tri
 
 $streamFieldInput.on( 'change', function() {
 	$input = $( `#input_GFFORMID_${responseFieldId}` );
-	$input.val( this.value );
+
+	// Get the value from the stream field
+	var inputValue = this.value;
+
+	// Convert Markdown to HTML only if TinyMCE is available
 	if (window.tinyMCE) {
+		// Convert Markdown to HTML
+		let formattedValue = inputValue
+			.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>') // Bold text
+			.replace(/_(.*?)_/g, '<em>$1</em>') // Italic text with underscores
+			.replace(/\*(.*?)\*/g, '<em>$1</em>') // Italic text with asterisks
+			.replace(/\n/g, "<br>"); // Newlines to <br>
+
+		// Set HTML content in TinyMCE
 		var tiny = tinyMCE.get( $input.attr( 'id' ) );
 		if (tiny) {
-			tiny.setContent( this.value );
+			tiny.setContent(formattedValue);
 		}
+	} else {
+		// If TinyMCE is not available, use plain text
+		$input.val(inputValue);
 	}
-} );
+});
 
 let $newButton = $streamButton
 	.clone()
-	.attr( 'style', 'margin-top: var(--gf-label-space-primary, 8px);' )
-	.on( 'click', function() {
-		$streamButton.trigger( 'click' );
-	} )
-	.insertAfter( $( `#input_GFFORMID_${appendButtonFieldId}` ) );
-
-$wpEditor = $newButton.parents( '.wp-editor-container' );
-if ( $wpEditor.length ) {
-	$newButton.insertAfter( $wpEditor );
+	.attr('style', 'margin-top: var(--gf-label-space-primary, 8px);')
+	.on('click', function() {
+		$streamButton.trigger('click');
+	})
+	.insertAfter($( `#input_GFFORMID_${appendButtonFieldId}` ));
+
+$wpEditor = $newButton.parents('.wp-editor-container');
+if ($wpEditor.length) {
+	$newButton.insertAfter($wpEditor);
 }
 
-$( `#input_GFFORMID_${promptFieldId}` ).on( 'blur', function() {
-	$streamButton.trigger( 'click' );
-} );
+$( `#input_GFFORMID_${promptFieldId}` ).on('blur', function() {
+	$streamButton.trigger('click');
+});