Search code examples
jquerytextareawysiwygautogrowjwysiwyg

Using jWYSIWYG with autoGrow (textarea) in jQuery

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>
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.