在 jQuery 中使用 jWYSIWYG 和 autoGrow (textarea)答案

【问题标题】：Using jWYSIWYG with autoGrow (textarea) in jQuery在 jQuery 中使用 jWYSIWYG 和 autoGrow (textarea)
【发布时间】：2010-08-08 22:07:38
【问题描述】：

我正在尝试同时使用jWYSIWYG 和autoGrow，以便jWYSIWYG 编辑器中的文本区域在您键入时扩展。 jWYSIWYG 有效或 autoGrow 有效，但不能同时使用。我对jQuery 很陌生，所以很高兴听到我在这里做错了什么。

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

【问题讨论】：

我不认为你做错了什么，而是脚本的事件相互干扰。我假设他们都在监听 keyup 事件以执行一些错误发生的操作。
马尔科，感谢您的评论。正如我所说，我对 jQuery 完全是个菜鸟（基本上一直在使用 CSS 一起破解它，并希望剩下的会来）。即使这些事件当前存在冲突，是否有任何方法可以使它们协同工作？
我已经尝试搜索有关 onkeyup 冲突的信息，但没有任何乐趣。希望有任何进一步的想法。
我好像不是。我在 Firefox 中检查了错误控制台，但我不知道有任何其他方法可以检查我的头顶。
啊，我明白了问题所在，所见即所得的脚本隐藏了文本区域，而是在 iframe 中显示内容。我已经尝试将 keyup 事件绑定到 iframe，但这不起作用：/

标签： jquery textarea wysiwyg autogrow jwysiwyg

【解决方案1】：

$(document).ready(function() {

$('#wysiwyg').wysiwyg({ 自动增长：是的，最大高度：600， });

});

【讨论】：

【解决方案2】：

嗨，乔希，大家好，我是 Autogrow 插件的作者。 ;-) 好吧，Marko 就在这里。这是一个脚本冲突的情况。两个插件都使用相同的事件。

在这种情况下要做的事情是合并两个脚本（先联系作者），但这可能是一个很大的挑战。

【讨论】：

杰文，感谢您的回答。如果您能够查看是否可以将您的插件与 jWYSIWYG 合并，我会很高兴。我对 jQuery 太陌生了，无法自己使用这种魔法。也许几周后我会再次尝试解决它。我认为 Autogrow 可以很好地与 jWYSIWYG 插件配合使用。我在 jWYSIWYG 的 git github.com/akzhan/jwysiwyg/issues#issue/21 上提出了这个问题。但是，如果您能自己解决问题，那就太好了。让我知道你的想法。
Jevin，也许这对我来说只是一个审美问题，但我也注意到如果你使用 onkeyup 或 onkeypress 而不是 onkeydown，autoGrow 看起来会更好。