如何限制文本输入和额外的文本添加，而不是斜体粗体突出显示，以便用户不能添加文本，但可以粗体文本

<input type="text" value="文本内容" readonly>

<style>
    .readonly-text {
        pointer-events: none;
    }
</style>
<input type="text" value="文本内容" class="readonly-text">

<input type="text" value="文本内容" id="readonly-input">
<script>
    var input = document.getElementById('readonly-input');
    input.addEventListener('keydown', function(event) {
        var editableKeys = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Home', 'End'];
        if (!editableKeys.includes(event.key)) {
            event.preventDefault();
        }
    });
</script>

<p>这是一段普通文本，<b>这是加粗的文本</b></p>