evolutionHtmlEditor in glowModal?

Is it possible to create a evolutionHtmlEditor  in a  glowModal? I am unable to get this working correctly.

jQuery(".generateResponse").on("click", function(e){
                          e.preventDefault();
                        
                          let threadId = $thread.Id;
                        
                          var modalHtml = "<div class='kudoHolder'>Loading...</div>";
                        
                          jQuery.glowModal({html: modalHtml, width: 800, height:500, title: "Post Answer"});
                        
                        
                          jQuery.telligent.evolution.post({
                            url:"$core_v2_widget.GetExecutedFileUrl('reviewResponse.vm')",
                            data:{
                              "threadId": threadId
                            },
                            success:function(response){
                        
                              jQuery(".kudoHolder").html(response);
                              jQuery(".AnswerBody").evolutionHtmlEditor();
                        
                            }
                          });
                        });



SP
[edited by: Stephen Vicino at 12:25 PM (GMT 0) on Wed, Jul 2 2025]
Parents
  • You need to initialize the jQuery(".AnswerBody").evolutionHtmlEditor(); on the reviewResponse.vm itself

    The code i used on reviewResponse.vm is below 

    <div><textarea id="$core_v2_widget.UniqueId('body')" name="$core_v2_widget.UniqueId('body')" style="width: 100%;"></textarea></div>
    
    
    <a href="" onclick="test()">submit</a>
    
    <script>
        jQuery('#$core_v2_widget.UniqueId('body')').evolutionHtmlEditor({});
        function test(){
            var value = jQuery('#$core_v2_widget.UniqueId('body')').evolutionHtmlEditor('val');
            alert(value);
        }
    </script>

    on submit click i got an alert as below

Reply
  • You need to initialize the jQuery(".AnswerBody").evolutionHtmlEditor(); on the reviewResponse.vm itself

    The code i used on reviewResponse.vm is below 

    <div><textarea id="$core_v2_widget.UniqueId('body')" name="$core_v2_widget.UniqueId('body')" style="width: 100%;"></textarea></div>
    
    
    <a href="" onclick="test()">submit</a>
    
    <script>
        jQuery('#$core_v2_widget.UniqueId('body')').evolutionHtmlEditor({});
        function test(){
            var value = jQuery('#$core_v2_widget.UniqueId('body')').evolutionHtmlEditor('val');
            alert(value);
        }
    </script>

    on submit click i got an alert as below

Children
No Data