Using jWYSIWYG with autoGrow (textarea) in jQuery

StackOverflow https://stackoverflow.com/questions/3436266

Question

I'm trying to use jWYSIWYG and autoGrow together so that the textarea in the jWYSIWYG editor expands as you type. Either jWYSIWYG works or autoGrow works, but not both together. I'm pretty new to jQuery, so would appreciate hearing what I'm doing wrong here.

  <script type="text/javascript">
  $(function(){
    $('#wysiwyg').autoGrow();
  });

  $(function()
    {
      $('#wysiwyg').wysiwyg();
  });
  </script>
  <script type="text/javascript">
</script>
</head>

<body>
  <h1>jWYSIWYG</h1>
  <h2>Example: Basic</h2>
  <div>
    <textarea name="wysiwyg" id="wysiwyg" rows="5" cols="40" style="overflow: hidden; height: auto; width: 350px"></textarea>
Was it helpful?

Solution

Hi Josh and hi everyone, I am the author of the Autogrow plugin. ;-) Well, Marko is right here. This is a case of conflicting scripts. Both plugins are using the same events.

The thing to do in this case would be to merge the two scripts (contact the authors first), but this can be quite a challenge.

OTHER TIPS

$(document).ready(function() {

$('#wysiwyg').wysiwyg({ autoGrow: true, maxHeight: 600, });

});

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top