我正在尝试为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
开始工作,允许在光标达到最低限度时调整区域大小。
冲突在哪里?
谢谢你!