Question

我正在使用JavaScript编写一个编辑器，我正在寻找一种方法，以便当用户输入..作为编辑器div中的输入时，当我点击一个按钮时，链接显示在其他窗口中并从编辑器div中消失类似于activelink.js的现场演示，但不知道如何实现它。

编辑::用户可以使用标签在文本编辑器中输入链接。例如，“这是一个链接”。当用户单击“完成”时，编辑器应检测用户是否在编辑器中输入了链接标记。如果是这样，请将该文本作为实际链接（如下所示：这是一个链接）添加到页面底部（文本编辑器之外）。页面底部的链接应该是红色和蓝色，并且它们不需要实际链接到另一个站点。

Answer 1

参见此示例

＆＃13;

$("button").click(function(){
    var text = $("textarea").val();
    var anchor = text.match(/(<a.*?\/a>)/g);

    if (anchor != null){
        anchor.forEach(function(value, index){
            $("#anchorBox").append(value);
        });
    }
    $("textarea").val("");
});

＆＃13;

#anchorBox > a {
    display: block;
}

#anchorBox  > a:nth-child(odd) {
    color:red;
}

#anchorBox  > a:nth-child(even) {
    color:blue;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>
<button>done</button>
<div id="anchorBox"></div>

＆＃13;

编辑器中的JavaScript锚标记解析器

1 个答案: