如何使--autosize-和-behave-一起工作

时间:2014-11-08 16:42:07

标签: javascript jquery html css autosize

我正在尝试为2个插件工作的程序员设计一个html textarea。

由于某些原因,他们似乎相互排斥。

这些插件是:

这是我的代码:

<head>

    <!-- jquery inclusion -->
    <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

    <!-- auto-resize inclusion (type: mime) -->
    <script src="http://pastebin.com/raw.php?i=iEEZptfL"></script>

    <!-- behave text-indent inclusion (type: mime) -->
    <script src="http://pastebin.com/raw.php?i=T2SjtM33"></script>

    <!-- initialize behave -->
    <script>

        $(document).ready(function() {

            // here, enable autosize plugin
            // comment follow line will make behave to work
            $('#textarea').autosize();

            // here, enable behave plugin
            var editor = new Behave({

                textarea: $('#textarea')[0],

                replaceTab: true,
                softTabs: false,
                tabSize: 4,
                autoOpen: true,
                overwrite: true,
                autoStrip: true,
                autoIndent: true,
                fence: false

            });

        });

    </script>

</head>

<body>

    <div id="text-area">

        <textarea id="textarea"></textarea>

    </div>

</body>

直到这里,似乎所有内容都包含在内,并且每一个都写得正确。

当我尝试使用textarea时,behave有效(尝试编写一个变形(并完成另一个)),但autosize不是活性

当我评论behave时,autosize开始工作,允许在光标达到最低限度时调整区域大小。

冲突在哪里?

谢谢你!

0 个答案:

没有答案