Question

我添加了一个看起来像文本区域的DIV，这样我就可以在其中显示超链接。面临的问题是，超链接在文本区域中正确显示。感觉DIV，但它不可点击。

HTML：

<div id="input" contenteditable><a href="http://www.w3schools.com">Visit W3Schools</a></div>

CSS：

#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 398px;    
}

如何使此超链接可以点击并导航到URL？

Answer 1

我已经附上了之前提出的同样问题。锚标记为$().ready(function() { $('#wrapper').tubular({videoId: 'idOfYourVideo'}); // where idOfYourVideo is the YouTube ID. });，因此无法点击。您可以将锚标记包装在另一个关闭contenteditable的div中。

How to make clickable anchor in contentEditable div?

在DIV中添加看起来像文本区域的链接

1 个答案: