javascript - 文本阻碍文本区域

标签 javascript html css textarea richtextbox

为了使文本区域处理一些基本格式，我在其上放置了一个具有相同等宽字体和位置的 div。 div 将显示相同的文本，但颜色和粗体。

但是，div 中的文本会遮挡并使用户无法选择 textarea 中的文本。

<div class="centerc">
    <div class="copyc">
        <textarea id="input" class="ipadded epadded txtarea" rows=20 cols=80></textarea>
        <div id="copyadd" class="copyadd"></div>
        <!--THIS IS THE DIV FOR FORMATTING ^ -->
    </div>
</div>

-webkit-用户选择:无；-ms-用户选择:无；用户选择:无； etc 没有解决这个问题，只是让用户也无法在 div 中选择文本。如果需要更多 CSS 代码，我会对其进行评论，但我认为没有必要。

如何阻止 div 使用户无法从文本区域中选择文本(如果可能的话)？如果没有，我使用的方法是否有任何替代方法？

编辑:我应该从一开始就明确我想要多种类型的格式。

最佳答案

您不能在文本区域中放置格式，但可以使用可编辑的 div 并摆脱文本区域。它至少会使问题变得更简单。

看到这个问题:editable div

关于javascript - 文本阻碍文本区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46982363/