Javascript 文本区域中的两个插件

Javascript 文本区域中的两个插件,javascript,jquery,Javascript,Jquery,我需要在页面上的一个元素中使用两个插件。我从来都不需要这样做,并在下面的代码中尝试过。大多数都不起作用 <script type="text/javascript"> $(document).ready(function() { var wbbOpt = {buttons: "bold,italic,underline,|,img,link,|,code,quote"} // plugin one wysibb $("#editor").wysibb(wb

我需要在页面上的一个元素中使用两个插件。我从来都不需要这样做,并在下面的代码中尝试过。大多数都不起作用

<script type="text/javascript">
$(document).ready(function() 
{
    var wbbOpt = {buttons: "bold,italic,underline,|,img,link,|,code,quote"}

    // plugin one wysibb
    $("#editor").wysibb(wbbOpt);
    // plugin two hashtags
    $("#editor").hashtags();
    //the two plugin worked in textarea #editor
});
</script>

$(文档).ready(函数()
{
var wbbOpt={按钮:“粗体、斜体、下划线、|、img、链接、|、代码、引号”}
//插件一WYSIB
$(“#编辑”).wysib(wbbOpt);
//插入两个hashtag
$(“#编辑器”).hashtags();
//这两个插件在textarea编辑器中工作
});

有人能帮我吗?谢谢。

因此您不能使用它们,因为它们每个都控制并包装文本区域。由于编辑器是两者中最复杂的一个,所以最好的做法是获取hashtag的代码并根据需要进行修改

这里有一个工作示例,但是如果您需要,可以将我使用的函数触发到更改事件(添加它)或其他方式

<div id="higlighter" style="width;1217px;"></div>
<textarea id="editor"></textarea>
<br />
<input id="btn" type="button" value="HASH">
<br />

$(document).ready(function() {
var wbbOpt = {
buttons: "bold,italic,underline,|,img,link,|,code,quote"
};


$("#editor").wysibb(wbbOpt);    

$('#btn').click(function () { report() });

});


function report() {

    $("#hashtag").val($("#editor").htmlcode());

            var str = $("#editor").htmlcode();
            str = str.replace(/\n/g, '<br>');
            if(!str.match(/(http|ftp|https):\/\/[\w-]+(\.[\w-]+)+([\w.,@?^=%&amp;:\/~+#-]*[\w@?^=%&amp;\/~+#-])?#([a-zA-Z0-9]+)/g)) {
                if(!str.match(/#([a-zA-Z0-9]+)#/g)) {
                    str = str.replace(/#([a-zA-Z0-9]+)/g,'<span class="hashtag2">#$1</span>');
                }else{
                    str = str.replace(/#([a-zA-Z0-9]+)#([a-zA-Z0-9]+)/g,'<span class="hashtag2">#$1</span>');
                }
            }
            $("#editor").htmlcode(str);

}

例如,将函数附加到按键上(进行一点实验)

您能否显示“hashtags()”的代码以了解发生了什么?我认为“WYSIB()”是基于jQuery的WYSIWYG BBCode编辑器,但不知道“hashtags()”您可以通过告诉自己首先要做什么来隔离问题。大多数插件,在对一个元素进行操作后,可能不会像其他插件所需要的那样离开它。代码对我来说非常好,可以在这里发布。。。和
 $('#btn').click(function () { report() });