HTML5 текстовое поле/текстовое поле интерактивными текст

Question

Добрый день,

Могу ли я знать, если это возможно/существует UIKit, что позволяет определенный текст говорят те, с #, чтобы быть интерактивными?

Например:

текст # привет мира внутри текстовой области, населенный некоторого PHP ПОЛУЧИТЬ сценарий. Я хочу, чтобы текст # был кликабельным, и это должно выполнить какое-то действие.

Answer 1

Вот один из способов, с помощью которого вы можете сделать часть содержимого текстовой области, доступной для просмотра. Здесь мы не используем текстовое поле. вместо этого мы используем div с contentEditable = true. Затем мы меняем стиль div так, чтобы он выглядел как текстовая область. теперь с JavaScript вы можете заменить слова внутри DIV с якорными тегами ..

<style type="text/css"> 
    #editableDiv { 
     -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; 
    } 
</style> 

<div id="editableDiv" contenteditable="true">This is a paragraph. It is editable. Try to change this #text. <a href="www.google.com">click here</a> 

</div> 
<button type="button" onclick="displayResult()">Click here to change the content</button> 
<script> 
    function displayResult() { 
     var x = document.getElementById("editableDiv").innerHTML; 
     var m = x.replace("#text", "<a href ='#'>replaced text</a>"); 
     document.getElementById("editableDiv").innerHTML = m; 
    } 
</script> 

В приведенном выше коде яваскрипта вместо #text вы можете использовать регулярные выражения также